W3cubDocs

/Web APIs

WebGLRenderingContext: cullFace() method

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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
cullFace 9 12 4 11 12 5.1 4.4.3 25 4 12 8 1.5

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/cullFace