Back to Content

WebGLRenderingContext: depthRange() method

files/en-us/web/api/webglrenderingcontext/depthrange/index.md

latest1.2 KB
Original Source

{{APIRef("WebGL")}}{{AvailableInWorkers}}

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

Syntax

js-nolint
depthRange(zNear, zFar)

Parameters

  • zNear
    • : A {{domxref("WebGL_API/Types", "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 {{domxref("WebGL_API/Types", "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 ({{jsxref("undefined")}}).

Examples

js
gl.depthRange(0.2, 0.6);

To check the current depth range, query the DEPTH_RANGE constant which returns a {{jsxref("Float32Array")}}

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("WebGLRenderingContext.viewport()")}}
  • {{domxref("WebGLRenderingContext.depthFunc()")}}