The EXT_frag_depth
extension is part of the WebGL API and enables to set a depth value of a fragment from within the fragment shader.
WebGL extensions are available using the WebGLRenderingContext.getExtension()
method. For more information, see also Using Extensions in the WebGL tutorial.
Availability: This extension is only available to WebGL1 contexts. In WebGL2, the functionality of this extension is available on the WebGL2 context by default. It requires GLSL #version 300 es
.
Examples
Enable the extension:
gl.getExtension('EXT_frag_depth');
Now the output variable gl_FragDepthEXT
is available to set a depth value of a fragment from within the fragment shader:
<script type="x-shader/x-fragment">
void main() {
gl_FragColor = vec4(1.0, 0.0, 1.0, 1.0);
gl_FragDepthEXT = 0.5;
}
</script>
Specifications
Specification | Status | Comment |
EXT_frag_depthThe definition of 'EXT_frag_depth' in that specification. | Recommendation | Initial definition. |
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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
EXT_frag_depth
|
Chrome
Full support 38 |
Edge
No support 12 — 79 |
Firefox
Full support 47 |
IE
No support No |
Opera
Full support 25 |
Safari
Full support 7 |
WebView Android
Full support 38 |
Chrome Android
Full support 38 |
Firefox Android
Full support 47 |
Opera Android
Full support 25 |
Safari iOS
Full support 7 |
Samsung Internet Android
Full support 3.0 |
Legend
- Full support
- Full support
- No support
- No support
See also
EXT_frag_depth by Mozilla Contributors is licensed under CC-BY-SA 2.5.