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