WebGL GLSL Shader: l'accesso a texture2D ha la precedenza su altre texture

Question

Ho un problema molto fastidioso con glsl in WebGL.

Questa dello shader funziona come previsto:

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

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

Ma questo comporta totalmente diverso:

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

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

Accedendo la texture tNormal, la trama TColor viene ignorata. Com'è possibile?

Answer 1

Ho visto un comportamento simile in passato, ed è quasi sempre perché lego le mie trame in modo improprio. L'incidente più recente è stato causato quando ho tentato di legare le mie trame in questo modo:

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

Quando la sintassi corretta è in realtà:

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! 

Questo è un errore abbastanza comune, e purtroppo non lo fa WebGL effettivamente lancia un errore sul primo frammento di codice (oggetto di una discussione recente nella mailing list WebGL) e può sembrare che funzioni in casi limitati, quindi è facile pensare erroneamente che sia un codice valido.

Non so se questo è il tuo problema specifico, ma è probabilmente il miglior consiglio che posso fornire senza ulteriori dettagli.