WEBGL_debug_shaders: getTranslatedShaderSource() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
The WEBGL_debug_shaders.getTranslatedShaderSource()
method is part of the WebGL API and allows
you to debug a translated shader.
Syntax
js
getTranslatedShaderSource(shader)
Parameters
shader-
A
WebGLShaderto get the translated source from.
Return value
A String containing the translated shader source. An empty string is
returned, if:
- no source has been defined or,
WebGLRenderingContext.compileShader()has not yet been called or,- the translation for the shader failed.
Examples
js
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
const 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);
const 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 |
|---|
| WebGL WEBGL_debug_shaders Khronos Ratified Extension Specification |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
getTranslatedShaderSource
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support