वेबजीएल जीएलएसएल शेडर: बनावट 2 डी तक पहुंच अन्य बनावट को ओवरराइड करता है

Question

मुझे वेबजीएल में glsl के साथ एक बहुत ही परेशानी समस्या है।

यह शेडर काम करता है के रूप में उम्मीद:

uniform sampler2D tColor; 
uniform sampler2D tNormal; 
varying vec2 vUv; 

void main() { 
    gl_FragColor = texture2D(tColor, vUv); 
} 

लेकिन यह एक कुल अलग बर्ताव करता है:

uniform sampler2D tColor; 
uniform sampler2D tNormal; 
varying vec2 vUv; 

void main() { 
    vec4 test = texture2D(tNormal, vUv); 
    gl_FragColor = texture2D(tColor, vUv); 
} 

tNormal बनावट पहुँचने से, tColor बनावट ओवरराइड की गई है। यह कैसे संभव है?

Answer 1

मैंने अतीत में समान व्यवहार देखा है, और यह लगभग हमेशा होता है क्योंकि मैं अपने बनावट को अनुचित तरीके से बाध्य कर रहा हूं। सबसे हाल ही में घटना की वजह से किया गया था जब मैं बहुत तरह मेरे बनावट बाध्य करने का प्रयास किया:

gl.activeTexture(gl.TEXTURE0); 
gl.bindTexture(gl.TEXTURE_2D, colorTexture); 
gl.uniform1i(colorUniform, gl.TEXTURE0); 

gl.activeTexture(gl.TEXTURE1); 
gl.bindTexture(gl.TEXTURE_2D, normalTexture); 
gl.uniform1i(normalUniform, gl.TEXTURE1); 

जब सही सिंटैक्स वास्तव में है:

gl.activeTexture(gl.TEXTURE0); 
gl.bindTexture(gl.TEXTURE_2D, colorTexture); 
gl.uniform1i(colorUniform, 0); // 0 to indicate texture unit 0! 

gl.activeTexture(gl.TEXTURE1); 
gl.bindTexture(gl.TEXTURE_2D, normalTexture); 
gl.uniform1i(normalUniform, 1); // 1 to indicate texture unit 1! 

यह एक बहुत ही आम गलती है, और दुर्भाग्य से WebGL नहीं है वास्तव में पहले कोड स्निपेट (वेबजीएल मेलिंग सूची में हालिया चर्चा का विषय) पर एक त्रुटि फेंक दें और यह सीमित मामलों में काम करने के लिए प्रतीत हो सकता है, इसलिए गलती से यह सोचना आसान है कि यह वैध कोड है।

मुझे नहीं पता कि यह आपकी विशिष्ट समस्या है, लेकिन शायद यह सबसे अच्छी सलाह है जो मैं बिना किसी विवरण के प्रदान कर सकता हूं।