WebGLRenderingContext.createProgram

The WebGLRenderingContext.createProgram() method of the WebGL API creates and initializes a WebGLProgram object.

Syntax

WebGLProgram gl.createProgram();

Parameters

None.

Return value

A WebGLProgram object that is a combination of two compiled WebGLShaders consisting of a vertex shader and a fragment shader (both written in GLSL). These are then linked into a usable program..

Examples

Creating a WebGL program

var 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) ) {
  var 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.

Specifications

Specification	Status	Comment
WebGL 1.0 The definition of 'createProgram' in that specification.	Recommendation	Initial definition.
OpenGL ES 2.0 The definition of 'glCreateProgram' in that specification.	Standard	Man page of the (similar) OpenGL API.

Browser compatibility

See also

• WebGLRenderingContext.deleteProgram()
• WebGLRenderingContext.isProgram()
• WebGLRenderingContext.linkProgram()
• WebGLRenderingContext.useProgram()
• WebGLRenderingContext.validateProgram()
• WebGLRenderingContext.getProgramParameter()
• WebGLRenderingContext.getProgramInfoLog()