1. Web
  2. Web APIs
  3. WebGLRenderingContext
  4. attachShader()

WebGLRenderingContext: attachShader() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

Note: This feature is available in Web Workers.

The WebGLRenderingContext.attachShader() method of the WebGL API attaches either a fragment or vertex WebGLShader to a WebGLProgram.

Syntax

js
attachShader(program, shader)

Parameters

program

A WebGLProgram.

shader

A fragment or vertex WebGLShader.

Return value

None (undefined).

Examples

The following code attaches pre-existing shaders to a WebGLProgram.

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 new Error(`Could not compile WebGL program. \n\n${info}`);
}

Specifications

Specification
WebGL Specification
# 5.14.9

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content