Question

我想渲染浮动纹理的位置或深度。我用

vsnTexture = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight,
            { minFilter: THREE.NearestFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat ,type:THREE.FloatType });

作为渲染目标。

然后，我测试了

var gl = this.renderer.getContext();
    if( !gl.getExtension( "OES_texture_float" ) ){
        console.error( "No OES_texture_float support for float textures!" );
    }

发现没有错误。 Chrome支持OES_texture_float，我进入THREE.js：

_gl.texImage2D( _gl.TEXTURE_2D, 0, glFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null );
 //console.log(glType);

当我设置WebGLRenderTarget时，我发现glType = 5126（gl.FLOAT）：type：THREE.FloatType。这意味着我可以使用OES_texture_float。我有什么不对吗？因为我设置的类型：THREE.FloatType或使用默认值（THREE.UnsignedByteType），我都得到相同的渲染纹理。我没有正确使用OES_texture_float吗？

Answer 1

是的，确实如此。此示例显示了如何使用它：

http://threejs.org/examples/#webgl_gpgpu_birds

Three.js是否支持OES_texture_float？

1 个答案: