{{APIRef("WebGL")}}
The WEBGL_depth_texture
extension is part of the WebGL API and defines 2D depth and depth-stencil textures.
WebGL extensions are available using the {{domxref("WebGLRenderingContext.getExtension()")}} method. For more information, see also Using Extensions in the WebGL tutorial.
Constants
This extension adds a new constant:
ext.UNSIGNED_INT_24_8_WEBGL
- Unsigned integer type for 24-bit depth texture data.
Extended methods
This extension extends {{domxref("WebGLRenderingContext.texImage2D()")}}:
- The
format
andinternalformat
parameters now acceptgl.DEPTH_COMPONENT
andgl.DEPTH_STENCIL
. - The
type
parameter now acceptsgl.UNSIGNED_SHORT
,gl.UNSIGNED_INT
, andext.UNSIGNED_INT_24_8_WEBGL
. - The
pixels
parameter now accepts anArrayBufferView
of typeUint16Array
andUint32Array
.
This extension extends {{domxref("WebGLRenderingContext.framebufferTexture2D()")}}:
- The
target
parameter now acceptsgl.DEPTH_ATTACHMENT
andgl.DEPTH_STENCIL_ATTACHMENT
.
Examples
var ext = gl.getExtension("WEBGL_depth_texture"); gl.texImage2D(gl.TEXTURE_2D, 0, gl.DEPTH_COMPONENT, 512, 512, 0, gl.DEPTH_COMPONENT, gl.UNSIGNED_SHORT, null);
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('WEBGL_depth_texture', "", "WEBGL_depth_texture")}} | {{Spec2('WEBGL_depth_texture')}} | Initial definition. |
Browser compatibility
{{CompatibilityTable}}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | {{CompatUnknown}} | {{CompatGeckoDesktop("22.0")}} [1] | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
[1] This extension was prefixed with MOZ_
in prior versions.
See also
- {{domxref("WebGLRenderingContext.getExtension()")}}
- {{domxref("WebGLRenderingContext.texImage2D()")}}
- {{domxref("WebGLRenderingContext.framebufferTexture2D()")}}