W3cubDocs

/Web APIs

WebGLRenderingContext: depthRange() method

The WebGLRenderingContext.depthRange() method of the WebGL API specifies the depth range mapping from normalized device coordinates to window or viewport coordinates.

Syntax

js

depthRange(zNear, zFar)

Parameters

zNear

A GLclampf specifying the mapping of the near clipping plane to window or viewport coordinates. Clamped to the range 0 to 1 and must be less than or equal to zFar. The default value is 0.

zFar

A GLclampf specifying the mapping of the far clipping plane to window or viewport coordinates. Clamped to the range 0 to 1. The default value is 1.

Return value

None (undefined).

Examples

js

gl.depthRange(0.2, 0.6);

To check the current depth range, query the DEPTH_RANGE constant which returns a Float32Array

js

gl.getParameter(gl.DEPTH_RANGE);
// Float32Array[0.2, 0.6]

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
depthRange 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/depthRange