bindBuffer method

Associates a buffer with a buffer target.




WebGLRenderingContext.bindBuffer(target, buffer);


target [in]

Type: Number

One of the following:

buffer [in]

Type: WebGLBuffer

A WebGLBuffer object to bind to target.

Return value

This method does not return a value.


WebGL errorDescription
gl.INVALID_ENUMIf target is not one of the listed values..


Call bindBuffer with target set to one of the two constants and buffer references a WebGLBuffer object to bind the buffer object to target. When a buffer is bound to a target, the previously bound buffer for that target is automatically unbound.


This example creates a shader, gets shader source, and binds it to a buffer using bindBuffer. For more info on this example, see Get started with WebGL.

  // Look up where the vertex data needs to go.
this.texCoordLocation2 = gl.getAttribLocation(this.lineprogram, "a_texCoord");

  // Provide texture coordinates for the rectangle.
this.texCoordBuffer2 = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, this.texCoordBuffer2);
// Create a buffer and set it use the array set up above.
// Set it to be modified once, use many.
// createRedGrid sets up the vector array itself.        
gl.bufferData(gl.ARRAY_BUFFER, createRedGrid(), gl.STATIC_DRAW); // Fill buffer data

// Turns on the vertex attributes in the GPU program. 

// Set up the data format for the vertex array - set to points (x/y). 
// Use floats.
gl.vertexAttribPointer(this.texCoordLocation2, 2, gl.FLOAT, false, 0, 0);

See also