javascript - supports - ¿Cómo console.log en sombreadores webgl?

webgl supports

Question

Estoy tratando de entender cómo simular console.log en webgl sombreadores que están escritos en GLSL. Es fácil obtener mensajes de error, pero no puedo obtener la forma de imprimir mensajes personalizados.

Básicamente quiero imprimir cosas en la consola del navegador:

<script id="shader-fs1" type="x-shader/x-fragment">
void main(void)
{
//console.log doesn''t work here since it''s GLSL not javascript
gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);
}
</script>

¿Alguna sugerencia?

Answer 1

Después de compilar el sombreador, puede hacer algo como:

if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
alert(gl.getShaderInfoLog(shader));
}

Y le mostrará cualquier mensaje de error durante la compilación. GLSL no puede enviar los datos de vuelta al programa en otra forma que no sea framebuffer / textura, por lo que solo puede verificar lo que está pasando inspeccionando los colores de salida. El inspector de WebGL me puede ser útil, como señaló Michael, pero no tanto para los sombreadores, sino para la depuración general de aplicaciones webGL

Answer 2

Actualmente, no hay una forma conocida de generar datos desde GLSL en WebGL, excepto a través de su resultado propuesto (color de pantalla / imagen). A menos que ya lo haga, le sugiero que revise Learning WebGL , también kick.js podría serle útil.

Answer 3

No estoy seguro si eso es posible, pero es posible que desee verificar la biblioteca WebGL Inspector para fines de depuración.