The WebGLProgram
is part of the WebGL API and is a combination of two compiled WebGLShader
s consisting of a vertex shader and a fragment shader (both written in GLSL).
To create a WebGLProgram
, call the GL context's createProgram()
function. After attaching the shader programs using attachShader()
, you link them into a usable program. This is shown in the code below.
js
const program = gl.createProgram(); // Attach pre-existing shaders gl.attachShader(program, vertexShader); gl.attachShader(program, fragmentShader); gl.linkProgram(program); if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { const info = gl.getProgramInfoLog(program); throw `Could not compile WebGL program. \n\n${info}`; }
See WebGLShader
for information on creating the vertexShader
and fragmentShader
in the above example.