The OES_texture_float
extension is part of the WebGL API and exposes floating-point pixel types for textures.
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.
Extended methods
This extension extends WebGLRenderingContext.texImage2D()
and WebGLRenderingContext.texSubImage2D()
:
- The
type
parameter now acceptsgl.FLOAT
. - The
pixels
parameter now accepts anArrayBufferView
of typeFloat32Array
.
Limitation: Linear filtering
Linear filtering on floating-point textures is not allowed with this extension. If you set the magnification or minification filter in the WebGLRenderingContext.texParameter()
method to one of gl.LINEAR
, gl.LINEAR_MIPMAP_NEAREST
, gl.NEAREST_MIPMAP_LINEAR
, or gl.LINEAR_MIPMAP_LINEAR
, and use floating-point textures, the texture will be marked as incomplete.
To use linear filtering on floating-point textures, enable the OES_texture_float_linear
extension in addition to this extension.
Floating-point color buffers
This extension implicitly enables the WEBGL_color_buffer_float
extension (if supported), which allows rendering to 32-bit floating-point color buffers.
Examples
var ext = gl.getExtension('OES_texture_float'); var texture = gl.createTexture(); gl.bindTexture(gl.TEXTURE_2D, texture); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.FLOAT, image);
Specifications
Specification | Status | Comment |
OES_texture_floatThe definition of 'OES_texture_float' 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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
OES_texture_float
|
Chrome
Full support Yes |
Edge
Full support ≤18 |
Firefox
Full support 6 |
IE
? |
Opera
Full support Yes |
Safari
? |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
? |
Opera Android
Full support Yes |
Safari iOS
? |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
See also
WebGLRenderingContext.getExtension()
WebGLRenderingContext.texImage2D()
WebGLRenderingContext.texSubImage2D()
OES_texture_float_linear
OES_texture_half_float
OES_texture_half_float_linear
OES_texture_float by Mozilla Contributors is licensed under CC-BY-SA 2.5.