MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

WEBGL_debug_shaders.getTranslatedShaderSource()

The WEBGL_debug_shaders.getTranslatedShaderSource() method is part of the WebGL API and allows you to debug a translated shader.

Syntax

gl.getExtension('WEBGL_debug_shaders').getTranslatedShaderSource(shader);

Parameters

shader
A WebGLShader to get the translated source from.

Return value

A String containing the translated shader source. An empty string is returned, if:

Examples

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));
// }"

Specifications

Specification Status Comment
WEBGL_debug_shaders
The definition of 'WEBGL_debug_shaders.getTranslatedShaderSource' in that specification.
Recommendation Initial definition.

Browser compatibility

FeatureChromeFirefoxEdgeInternet ExplorerOperaSafari
Basic Support4730.01 2(No)???
FeatureAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic Support?47(No)????

1. The extension is activated by default to privileged contexts (chrome context).

2. From version 30.0, this feature is behind the webgl.enable-privileged-extensions preference (needs to be set to true). To change preferences in Firefox, visit about:config.

See also

Document Tags and Contributors

 Contributors to this page: fscholz, nmve, teoli
 Last updated by: fscholz,