Question

如何使用OES_texture_float扩展程序？我不明白有必要指定函数texImage2D的参数。

var fb=gl.createFramebuffer();
gl.bindFramebuffer(gl.FRAMEBUFFER, fb);

var rb=gl.createRenderbuffer();
gl.bindRenderbuffer(gl.RENDERBUFFER, rb);
gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16,size[0],size[1]);
gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT,gl.RENDERBUFFER, rb);

var texture=gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, texture);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, size[0], size[1],0, gl.RGBA, ???, ???);

gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0,gl.TEXTURE_2D, texture, 0);

你需要写什么而不是＆＃34; ???＆＃34;

Answer 1

假设您已启用扩展程序，则为gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, size[0], size[1],0, gl.RGBA, gl.FLOAT, null);

然而，有一个很大的洞穴。 OES_texture_float扩展名并不能保证您能够渲染到浮点纹理。它只是意味着您可以创建和读取浮点纹理。允许渲染为float的实际扩展名为WEBGL_color_buffer_float。但是，如果浏览器支持它，则浏览器不会显示此扩展名。所以你必须这样做

if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) !== gl.FRAMEBUFFER_COMPLETE){
    // cant render
}

检查在将纹理附加到FBO后是否可以实际渲染浮动纹理。

来源：花了好几个小时来弄清楚为什么这个东西在IE中不起作用，即使它支持OES_texture_float扩展。

另请注意，除非您还启用了截至2015年8月在大多数移动设备上无法使用的gl.LINEAR扩展名，否则您无法对浮点纹理使用OES_texture_float_linear过滤

OES_texture_float扩展名使用

1 个答案: