Docs4dev
Docs
dom / latest / webgl_debug_shaders / gettranslatedshadersource.html

WEBGL_debug_shaders: getTranslatedShaderSource() method

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 WebGLShader to get the translated source from.

Return value

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

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
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
getTranslatedShaderSource 47 79 56 No 34 14 47 47 56 34 14 5.0

See also

© 2005–2023 MDN 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