对多个着色器效果使用单个帧缓冲区会导致瑕疵

Question

我正在使用libGDX，并创建了自己的Sprite类和渲染器（在引擎盖下使用libGDX的SpriteBatch）。渲染器非常“智能”，它按层/着色器/纹理/混合对精灵进行排序，精灵可以包含子对象。

现在我试图添加对FrameBuffers的支持，我有一个小问题。

我试图通过着色器向游戏中的“根”精灵添加多个后期处理效果。

1. 将根精灵渲染为FBO（背景和所有实体）

这一切都很简单，每个效果都有自己的Sprite对象。它们通过setLayer（int）分层，纹理/FBO/着色器通过setTexture（Texture）/setTarget（Texture）/setShader（Shader）设置。

我尝试并希望使用相同的纹理作为结果和目标。例如。：

Texture fbo = Video.newTarget();

...

bloom.setTexture(fbo);
bloom.setTarget(fbo);

blurH.setTexture(fbo);
blurH.setTarget(fbo);

....

如果我以这种方式使用同一个FBO，我可以在最终图像中看到一些难以描述的奇怪瑕疵。我要么在纹理的某个地方得到一些奇怪的线条，要么就是一些奇怪的扭曲。

如果我为每个效果创建一个单独的FBO，一切都很好。

例如：

Texture fbo1, fbo2, fbo3, fbo4;

...

bloom.setTexture(fbo1);
bloom.setTarget(fbo2);

blurH.setTexture(fbo2);
blurH.setTarget(fbo3);

...

如果可能的话，我真的希望避免这种情况，因为它会导致混乱的代码，并影响性能。

我对OpenGL/GLSL真的不是很精通（我甚至不太了解渲染管道…：），但是，从我的解释中，有人知道是什么导致了这些工件吗？

我还想过在他们之间有两个FBO和“乒乓”，但出于某种原因，我看到的都是黑色的...目前...：）我将不得不对此进行更多的实验。

Answer 1

我有一个非常类似的问题，我很高兴我找到了这个主题，这是一个痛苦的，我试图调试我的glsl代码这么长时间。。。

我用一个带有单个缓冲区的递归着色器进行细胞自动机计算，它也有同样的问题。我与libgdx的合作成果包括：

• 从左下到右上的对角线人工制品线
• 每256px水平/垂直人造线条

我通过每帧交换缓冲区来修复它

private void swapBuffers() {
    FrameBuffer tmp = buffer1;
    buffer1 = buffer2;
    buffer2 = tmp;
}

Answer 2

OpenGL ES不支持同时对同一纹理进行读写，这就是第一个示例中所做的。你需要两个FBO，你可以在他们之间打乒乓球。

Texture fbo1, fbo2;

...

bloom.setTexture(fbo1);
bloom.setTarget(fbo2);

blurH.setTexture(fbo2);
blurH.setTarget(fbo1);

...

Answer 3

您的问题源于管道中存在依赖的处理步骤。

将根精灵渲染为FBO（背景和所有实体）

渲染“漩涡”-效果

然后您使用相同的FBO来执行：

渲染花朵效果

如果您的GPU驱动程序尚未完成处理您在绽放效果中覆盖的所有内容，则您在漩涡效果步骤中所做的所有内容。

最好的方法是将你的管道分成独立的阶段，即使这意味着使用多个FBO。

从我的角度来看，如果你不需要原始的FBO，如果所有的效果都需要输入相同的纹理大小：

Render the scene in FBO A.
Render Swirl effect in FBO B.
Render Bloom in FBO A using the color texture from FBO B.
Render Vertical Blur in FBO B using the color texture from FBO A.
....