WebGLRenderingContext: cullFace() 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.cullFace() method of the WebGL API specifies whether or not front- and/or back-facing polygons can be culled.

Syntax

js
cullFace(mode)

Parameters

mode

A GLenum specifying whether front- or back-facing polygons are candidates for culling. The default value is gl.BACK. Possible values are:

  • gl.FRONT
  • gl.BACK
  • gl.FRONT_AND_BACK

Return value

None (undefined).

Examples

Polygon culling is disabled by default. To enable or disable culling, use the enable() and disable() methods with the argument gl.CULL_FACE.

js
gl.enable(gl.CULL_FACE);
gl.cullFace(gl.FRONT_AND_BACK);

To check the current cull face mode, query the CULL_FACE_MODE constant.

js
gl.getParameter(gl.CULL_FACE_MODE) === gl.FRONT_AND_BACK;
// true

Specifications

Specification
WebGL Specification
# 5.14.3

Browser compatibility

BCD tables only load in the browser

See also