The WebGLRenderingContext.stencilMaskSeparate() method of the WebGL API controls enabling and disabling of front and/or back writing of individual bits in the stencil planes.
The WebGLRenderingContext.stencilMask() method can set both, the front and back stencil writemasks to one value at the same time.
Syntax
void gl.stencilMaskSeparate(face, mask);
Parameters
- face
- A
GLenumspecifying whether the front and/or back stencil writemask is updated. The possible values are:gl.FRONTgl.BACKgl.FRONT_AND_BACK
mask- A
GLuintspecifying a bit mask to enable or disable writing of individual bits in the stencil planes. By default, the mask is all 1.
Return value
None.
Examples
gl.stencilMaskSeparate(gl.FRONT, 110101);
To get the current stencil masks, query the STENCIL_WRITEMASK, STENCIL_BACK_WRITEMASK, or STENCIL_BITS constants.
gl.getParameter(gl.STENCIL_WRITEMASK); // 110101 gl.getParameter(gl.STENCIL_BACK_WRITEMASK); // 110101 gl.getParameter(gl.STENCIL_BITS); // 0
Specifications
| Specification | Status | Comment |
|---|---|---|
| WebGL 1.0 The definition of 'stencilMaskSeparate' in that specification. |
Recommendation | Initial definition. |
| OpenGL ES 2.0 The definition of 'glStencilMaskSeparate' in that specification. |
Standard | Man page of the OpenGL API. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Feature | Chrome | Firefox | Edge | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic Support | 9 | 4.0 | 12 | 11 | 12 | 5.1 |
| Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| Basic Support | (Yes) | 25 | (Yes) | (Yes) | 11 | 12 | 8.1 |