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.clearDepth() method of the WebGL API specifies the clear value for the depth buffer.
This specifies what depth value to use when calling the clear() method. The value is clamped between 0 and 1.
clearDepth(depth)
depthA GLclampf specifying the depth value used when the depth buffer is cleared. Default value: 1.
None (undefined).
gl.clearDepth(0.5);
To get the current depth clear value, query the DEPTH_CLEAR_VALUE constant.
gl.getParameter(gl.DEPTH_CLEAR_VALUE); // 0.5
| Specification |
|---|
| WebGL Specification> # 5.14.3> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
clearDepth |
9 | 12 | 4 | 12 | 5.1 | 25 | 4 | 12 | 8 | 1.5 | 4.4.3 | 8 |
WebGLRenderingContext.clear()WebGLRenderingContext.clearColor()WebGLRenderingContext.clearStencil()
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/clearDepth