OES_texture_float extension

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

TheOES_texture_float extension is part of theWebGL API and exposes floating-point pixel types for textures.

WebGL extensions are available using theWebGLRenderingContext.getExtension() method. For more information, see alsoUsing Extensions in theWebGL tutorial.

Note:This extension is only available toWebGL1 contexts. InWebGL2, the functionality of this extension is available on the WebGL2 context by default.

Extended methods

This extension extendsWebGLRenderingContext.texImage2D() andWebGLRenderingContext.texSubImage2D():

Thetype parameter now acceptsgl.FLOAT.
Thepixels parameter now accepts aFloat32Array.

Linear filtering on floating-point textures is not allowed with this extension. If you set the magnification or minification filter in theWebGLRenderingContext.texParameter() method to one ofgl.LINEAR,gl.LINEAR_MIPMAP_NEAREST,gl.NEAREST_MIPMAP_LINEAR, orgl.LINEAR_MIPMAP_LINEAR, and use floating-point textures, the texture will be marked as incomplete.

To use linear filtering on floating-point textures, enable theOES_texture_float_linear extension in addition to this extension.

Floating-point color buffers

This extension implicitly enables theWEBGL_color_buffer_float extension (if supported), which allows rendering to 32-bit floating-point color buffers.

Examples

const ext = gl.getExtension("OES_texture_float");const texture = gl.createTexture();gl.bindTexture(gl.TEXTURE_2D, texture);gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.FLOAT, image);