0

如何使用 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);

你需要写什么而不是“？？？”

4

1 回答 1

5

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

但是，有一个很大的警告。OES_texture_float扩展不保证您将能够渲染到浮点纹理。它只是意味着您可以创建和读取浮点纹理。允许您渲染为浮动的实际扩展是WEBGL_color_buffer_float。但是浏览器如果支持它就不会费心显示这个扩展。所以你必须做

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

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

资料来源：花了几个小时来弄清楚为什么即使它支持OES_texture_float扩展，它也不能在 IE 中工作。

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

于 2015-08-12T19:51:35.007 回答