The WEBGL_debug_shaders.getTranslatedShaderSource()
method is part of the WebGL API and allows you to debug a translated shader.
gl.getExtension('WEBGL_debug_shaders').getTranslatedShaderSource(shader);
WebGLShader
to get the translated source from.A String
containing the translated shader source. An empty string is returned, if:
WebGLRenderingContext.compileShader()
has not yet been called or,var canvas = document.getElementById('canvas'); var gl = canvas.getContext('webgl'); var shader = gl.createShader(gl.FRAGMENT_SHADER); gl.shaderSource(shader, 'void main() { gl_FragColor = vec4(gl_FragCoord.x, 0.0, 0.0, 1.0); }'); gl.compileShader(shader); var src = gl.getExtension('WEBGL_debug_shaders').getTranslatedShaderSource(shader); console.log(src); // "void main(){ // (gl_FragColor = vec4(gl_FragCoord.x, 0.0, 0.0, 1.0)); // }"
Specification | Status | Comment |
---|---|---|
WEBGL_debug_shaders The definition of 'WEBGL_debug_shaders.getTranslatedShaderSource' in that specification. | Recommendation | Initial definition. |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 47 | No | 301 2 | ? | ? | ? |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | ? | 47 | No | ? | ? | ? | ? |
1. The extension is activated by default to privileged contexts (chrome context).
2. From version 30: this feature is behind the webgl.enable-privileged-extensions
preference (needs to be set to true
). To change preferences in Firefox, visit about:config.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WEBGL_debug_shaders/getTranslatedShaderSource