Fragment Shader — यह क्या है, कार्य और कार्य सिद्धांत

Fragment Shader क्या है?

Fragment Shader (फ़्रैगमेंट या पिक्सेल शेडर) ग्राफ़िक्स पाइपलाइन का एक प्रोग्रामेबल चरण है जो छवि के प्रत्येक फ़्रैगमेंट का अंतिम रंग गणना करता है। फ़्रैगमेंट एक संभावित पिक्सेल है जो गहराई और स्टेंसिल परीक्षण पास करने के बाद स्क्रीन पर दृश्य पिक्सेल बन जाता है।

Fragment Shader रास्टराइज़ेशन के बाद निष्पादित होता है, जब 3D प्रिमिटिव (त्रिकोण) पहले से ही फ़्रैगमेंट के सेट में परिवर्तित हो चुके होते हैं। शेडर इंटरपोलेटेड विशेषताएँ प्राप्त करता है — टेक्सचर निर्देशांक, नॉर्मल, रंग जो Vertex Shader में त्रिकोण के शीर्षों के लिए गणना किए गए थे और त्रिकोण के अंदर प्रत्येक पिक्सेल के लिए रैखिक रूप से इंटरपोलेट किए गए।

Fragment Shader के विकास का इतिहास

प्रोग्रामेबल शेडर के आगमन से पहले (DirectX 8 / OpenGL 2.0 से पहले), पिक्सेल रंग गणना एक निश्चित पाइपलाइन द्वारा सीमित संचालन के साथ की जाती थी। प्रोग्रामेबल Fragment Shader 2001 में दिखाई दिया और ग्राफ़िक्स क्षमताओं को मौलिक रूप से विस्तारित किया: डेवलपर्स को प्रत्येक पिक्सेल के रंग पर पूर्ण नियंत्रण मिला, जिससे फोटोरियलिस्टिक प्रकाश, जटिल सामग्री और पोस्ट-प्रभाव लागू करना संभव हुआ।

Fragment Shader कैसे काम करता है?

Fragment Shader GPU द्वारा रास्टराइज़र द्वारा उत्पन्न प्रत्येक फ़्रैगमेंट के लिए लॉन्च किया जाता है। प्रत्येक शेडर कॉल एक फ़्रैगमेंट को प्रोसेस करता है, उसके इनपुट डेटा को पढ़ता है, उपयोगकर्ता कोड निष्पादित करता है और आउटपुट मान — RGBA प्रारूप में फ़्रैगमेंट का रंग लिखता है।

इनपुट और आउटपुट डेटा

Fragment Shader के इनपुट डेटा में Vertex Shader से इंटरपोलेटेड विशेषताएँ (टेक्सचर निर्देशांक, नॉर्मल, रंग), यूनिफ़ॉर्म वेरिएबल (प्रकाश स्रोत, मैट्रिक्स) और टेक्सचर सैंपलर शामिल हैं। आउटपुट डेटा रंग वेक्टर (OpenGL ES 2.0 में gl_FragColor या ES 3.0 में उपयोगकर्ता-परिभाषित वेरिएबल) है, जो कलर बफ़र में लिखा जाता है।

#version 300 es
precision mediump float;

in vec2 vTexCoord;
uniform sampler2D uTexture;
out vec4 fragColor;

void main() {
    fragColor = texture(uTexture, vTexCoord);
}

Fragment Shader के मुख्य कार्य

Fragment Shader छवि की दृश्य गुणवत्ता के लिए ज़िम्मेदार है। स्क्रीन पर उपयोगकर्ता जो सभी प्रभाव देखता है — रंग, छाया, प्रतिबिंब, पारदर्शिता — ग्राफ़िक्स पाइपलाइन के इसी चरण में गणना किए जाते हैं।

टेक्सचरिंग

सबसे सामान्य संक्रिया इंटरपोलेटेड UV निर्देशांक का उपयोग करके टेक्सचर से रंग का नमूना लेना है। Sampler2D और texture() फ़ंक्शन टेक्सचर एटलस से पिक्सेल रंग प्राप्त करने की अनुमति देते हैं। फ़िल्टरिंग (bilinear, trilinear, anisotropic) सैंपलर पैरामीटर के माध्यम से नियंत्रित की जाती है और विभिन्न देखने के कोणों पर छवि की स्पष्टता को प्रभावित करती है।

Phong प्रकाश

Phong शेडिंग मॉडल प्रति पिक्सेल Fragment Shader में गणना की जाती है, जो वर्टेक्स प्रकाश (Gouraud शेडिंग) की तुलना में चिकनी हाइलाइट देता है। Phong प्रकाश में तीन घटक शामिल हैं: परिवेश (ambient), विसरित (diffuse) और स्पेक्युलर (specular) परावर्तन।

// Fragment shader with Phong lighting
in vec3 vNormal;
in vec3 vPosition;
uniform vec3 uLightDir;
uniform vec3 uLightColor;

void main() {
    vec3 norm = normalize(vNormal);
    float diff = max(dot(norm, uLightDir), 0.0);
    fragColor = vec4(uLightColor * diff, 1.0);
}

पोस्ट-प्रभाव और ब्लेंडिंग

Fragment Shader पोस्ट-प्रोसेसिंग लागू करने की अनुमति देता है: लुकअप टेबल (LUT) के माध्यम से रंग सुधार, धुंधला (blur), चमक प्रभाव (bloom) और HDR रेंडरिंग के लिए tonemapping। ये सभी प्रभाव पिक्सेल स्तर पर काम करते हैं और रीयल टाइम में निष्पादित होते हैं।

Fragment Shader का प्रदर्शन और अनुकूलन

Fragment Shader का प्रदर्शन आधुनिक मोबाइल गेम्स में FPS को सीमित करने वाला मुख्य कारक है। चूँकि शेडर प्रत्येक पिक्सेल के लिए कॉल किया जाता है, कोड जटिलता में छोटी वृद्धि भी फ्रेम दर में उल्लेखनीय गिरावट का कारण बन सकती है।

मुख्य प्रदर्शन समस्याएँ

• Overdraw — वस्तुओं के ओवरलैप के कारण उसी पिक्सेल का पुनः चित्रण। अर्ध-पारदर्शी वस्तुओं के लिए विशेष रूप से महत्वपूर्ण।
• सशर्त शाखाएँ — Fragment Shader में शाखाएँ SIMD निष्पादन दक्षता को कम करती हैं, क्योंकि GPU को दोनों शाखाएँ निष्पादित करनी पड़ती हैं।
• टेक्सचर नमूने — प्रत्येक टेक्सचर नमूने में दसियों GPU क्लॉक साइकिल की विलंबता होती है। सैंपलर की संख्या कम करने से शेडर तेज़ होता है।

Fragment Shader अनुकूलन विधियाँ

मोबाइल GPU (Qualcomm Adreno, ARM Mali) के लिए अनुशंसित: float वेरिएबल के लिए mediump precision का उपयोग करें, टेक्सचर नमूनों को संयोजित करें, शेडर निष्पादन से पहले अदृश्य फ़्रैगमेंट को हटाने के लिए early-z परीक्षण लागू करें।

Fragment Shader बनाम Vertex Shader: तुलना

दोनों प्रकार के शेडर डेवलपर द्वारा प्रोग्राम करने योग्य हैं, लेकिन वे पाइपलाइन के विभिन्न चरणों में काम करते हैं और विभिन्न कार्यों को हल करते हैं। Fragment Shader कॉल की संख्या के कारण काफी अधिक संसाधन-गहन है।

Fragment Shader कोड उदाहरण

Fragment Shader सरल (टेक्सचर नमूना) या जटिल (बहु-स्तरीय प्रकाश) हो सकता है। आइए दो व्यावहारिक उदाहरण देखें: बुनियादी टेक्सचरिंग और समय का उपयोग करके ग्रेडिएंट प्रभाव।

GLSL में बुनियादी टेक्सचरिंग

#version 300 es
precision mediump float;
in vec2 vTexCoord;
in vec3 vColor;
uniform sampler2D uDiffuseMap;
out vec4 fragColor;

void main() {
    vec4 texColor = texture(uDiffuseMap, vTexCoord);
    fragColor = texColor * vec4(vColor, 1.0);
}

Metal Shading Language में उदाहरण

#include <metal_stdlib>
using namespace metal;

struct FragmentIn {
    float2 texCoord;
    float3 normal;
};

fragment float4
fragmentMain(FragmentIn in [[stage_in]],
              texture2d<float> tex [[texture(0)]]) {
    constexpr sampler s(filter = linear);
    float4 color = tex.sample(s, in.texCoord);
    return color;
}