Framebuffer和活动Texture之间形成的WebGL反馈循环

Question

我有一个 webgl 项目设置，它使用 2 次渲染在纹理上创建效果。

一切正常，直到最近 chrome 开始抛出此错误：

[.WebGL-0000020DB7FB7E40] GL_INVALID_OPERATION: Feedback loop formed between Framebuffer and active Texture. 

即使我没有更改我的代码，这种情况才刚刚开始发生，所以我猜是新的更新导致了这种情况。

我在 SO 上找到 this answer，指出错误“在您从当前附加到帧缓冲区的纹理中读取时发生”。

但是我已经梳理了我的代码 100 次，但我不相信我正在这样做。所以这就是我的设置方式。

使用统一采样器创建片段着色器。

uniform sampler2D sampler;

创建 2 个纹理

var texture0 = initTexture(); // This function does all the work to create a texture 
var texture1 = initTexture(); // This function does all the work to create a texture 

创建帧缓冲区

var frameBuffer = gl.createFramebuffer();

然后我通过将html图像上传到texture0，并将texture0绑定到采样器来开始“2 pass处理”。

然后我绑定帧缓冲区并调用 drawArrays：

gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer);
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture1, 0);
gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);

为了清理我取消绑定帧缓冲区：

gl.bindFramebuffer(gl.FRAMEBUFFER, null);

编辑：

在我的代码中添加断点后，我发现在绑定空帧缓冲区之前实际上并没有引发错误。所以 drawArrays 调用不会导致错误，它会绑定空帧缓冲区，然后将其设置为关闭。

Answer 1

Chrome 从 83 版开始对帧缓冲区和活动纹理反馈循环执行保守检查。这些检查可能过于保守，会影响实际应允许的使用。

在这些新检查中，Chrome 似乎不允许将渲染目标绑定到任何纹理槽，即使该槽未被程序使用。

在您的 2 遍渲染中，您可能有类似的内容：

1. 初始化渲染目标并创建指向帧缓冲区的纹理。
2. 渲染到目标。

在 1 中，您可能使用 gl.bindTexture(gl.TEXTURE_2D, yourTexture) 绑定纹理，然后在步骤 2 之前，使用 gl.bindTexture(gl.TEXTURE_2D, null); 取消绑定纹理；否则 Chrome 将失败，因为渲染目标被绑定为纹理，即使该纹理未被程序采样。