We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support47 No301 2 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ?47 No ? ? ?5.0

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.

See also

Document Tags and Contributors

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