EXT_frag_depth extension
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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.
Examples
Enable the extension:
js
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:
html
<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 |
|---|
| WebGL EXT_frag_depth Khronos Ratified Extension Specification |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
EXT_frag_depth
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Has more compatibility info.