WebGL GLSL Shader: Zugriff auf Textur2D überschreibt andere Textur

Question

Ich habe ein sehr störendes Problem mit Glsl in WebGL.

Dieser Shader funktioniert wie erwartet:

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

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

Aber dieses verhält sich total anders:

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

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

Durch die tNormal Textur zugreift, wird die TColor Textur außer Kraft gesetzt. Wie ist das möglich?

Answer 1

Ich habe ähnliches Verhalten in der Vergangenheit gesehen, und es ist fast immer, weil ich meine Texturen nicht ordnungsgemäß binde. Das jüngste Ereignis verursacht wurde, als ich versuchte, meine Texturen zu binden, etwa so:

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); 

Wenn die korrekte Syntax tatsächlich ist:

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! 

Dies ist ein recht häufiger Fehler, und leider WebGL nicht tatsächlich einen Fehler auf das erste Code-Snippet werfen (ein Thema der letzten Diskussion in der WebGL-Mailing-Liste) und es kann scheinen, in begrenzten Fällen zu funktionieren, so dass es leicht ist, fälschlicherweise zu denken, dass es ein gültiger Code ist.

Ich weiß nicht, ob das Ihr spezifisches Problem ist, aber es ist wahrscheinlich der beste Rat, den ich ohne weitere Details geben kann.