android - 在 FrameBuffer 上绘制的 LibGDX 纹理比原始纹理暗

Question

更新 1

正如您所看到的，与直接在 SpriteBatcher 上绘制的纹理相比，在 FrameBuffer 上绘制的 LibGDX 纹理然后在 SpriteBatcher 上绘制的纹理比原始纹理更暗。

左边是原图，比手机1080x1920屏幕小了50%。

中间部分是直接从 SpriteBatch 上的 TextureRegion 绘制的，水平镜像以便更好地与左右图像进行比较。它有点失真，但我启用了线性过滤，您可以在代码中看到:

texture = new Texture("texture.png");
texture.setFilter(Texture.TextureFilter.Linear, Texture.TextureFilter.Linear);
image = new TextureRegion(texture, 0, 0, 1024, 1024);

batcher.begin();
batcher.draw(image, 0, 0, screenWidth, screenHeight);
batcher.end();

右边部分是先在FrameBuffer上绘制TextureRegion，再在SpriteBatch上绘制，如下代码:

texture = new Texture("texture.png");
texture.setFilter(Texture.TextureFilter.Linear, Texture.TextureFilter.Linear);
image = new TextureRegion(texture, 0, 0, 1024, 1024);

pixmap = new FrameBuffer(Pixmap.Format.RGBA8888, screenWidth, screenHeight, false);
pixmapregion = new TextureRegion(pixmap.getColorBufferTexture(), screenWidth, screenHeight);

pixmap.begin();
batcher.begin();
batcher.draw(image, 0, 0, screenWidth, screenHeight);
batcher.end();
pixmap.end();

batcher.begin();
batcher.draw(pixmapregion , 0, 0, screenWidth, screenHeight);
batcher.end();

如您所见，它比直接从纹理绘制的图像暗一点。当我用着色器绘制它时，与用着色器绘制的纹理相比，结果真的很乱。

所以真正的问题是 FrameBuffer 对纹理做了什么，使它困惑，所以它不能用于着色器。我需要先在像素图上绘制它，这样我就可以混合两个透明的 FrameBuffers。一直以来我都认为问题出在着色器上，我花了 3 天时间才找到问题所在，所以如果有人能帮助我，我将不胜感激! :)

注意:我尝试在 FrameBuffer 上绘制时启用混合，首先使用 Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT | GL20.GL_DEPTH_BUFFER_BIT) 清除它；但没有什么不同。

更新 2

看起来我应该做些什么，在 FrameBuffer 上绘制时设置一种 GL 混合，在绘制 FrameBuffer 时设置另一种混合，但我还不能得到正确的组合...

老问题

左图是在 Photoshop 中制作的，具有 alpha 透明度，但我设置了黑色背景以便更好地看清。右图是安卓屏幕的屏幕截图。这是我的代码，我首先在像素图上绘制纹理，然后在屏幕上绘制该像素图，纹理质量非常差，并且 alpha channel 非常扭曲，如您所见。

texture = new Texture("drop-blue.png");
texture.setFilter(Texture.TextureFilter.Linear, Texture.TextureFilter.Linear);
image = new TextureRegion(texture, 0, 0, 1024, 1024);

pixmap = new FrameBuffer(Pixmap.Format.RGBA8888, screenWidth, screenHeight, false);
pixmapregion = new TextureRegion(pixmap.getColorBufferTexture(), screenWidth, screenHeight);

pixmap.begin();
Gdx.gl.glClearColor(0, 0, 0, 0);
Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
batcher.begin();
batcher.draw(image, screenWidth/2 - 512, screenHeight/2 - 512, 1024, 1024);
batcher.end();
pixmap.end();

batcher.begin();
batcher.draw(pixmapregion, 0, 0, screenWidth, screenHeight);
batcher.end();

Answer 1

这是正常的，也是混合的工作原理。您正在将具有透明度的纹理渲染到具有透明度的帧缓冲区上，然后再将其渲染到屏幕(后缓冲区)上。这会导致应用两次混合。

让我们通过查看单个像素如何从纹理转换到 fbo 再到屏幕来了解实际发生的情况。首先看看渲染到 FBO 时会发生什么:

• 假设纹理中的像素是 [r:0.5, g:1.0, b:0.0, a:0.75]，这将是我们的源像素。
• 当您将其渲染到帧缓冲区时，目标像素最初是 [r:0.0, g:0.0, b:0.0, a:0.0]，这是您的 glClearColor.
• 混合函数默认用于源 SRC_ALPHA 和目标 ONE_MINUS_SRC_ALPHA。
• 当渲染到 FBO 时，这将导致:[r:0.75 * 0.5, g:0.75 * 1.0, b:0.75 * 0.0, a: 0.75 * 0.75] + [r:(1 - 0.75) * 0.0, g:(1 - 0.75) * 0.0, b:(1 - 0.75) * 0.0, a:(1 - 0.75) * 0.0] 结果为 [r:0.375, g: 0.75, b:0.0, a:0.5625]

现在让我们看看将 FBO 渲染到屏幕时会发生什么:

• 源像素为:[r:0.375, g:0.75, b:0.0, a:0.5625]
• 目标像素(屏幕的 glClearColor)是 [r:0, g:0, b:0](无 alpha channel )
• 因此混合结果将是:[r:0.211, g:0.422, b:0.0](无 alpha channel )

注意结果如何变得越来越暗。这是因为它与原始颜色混合，在您的情况下是黑色。如果你使用例如白色然后它实际上会变得越来越亮。

如果您不喜欢这种行为，则可以使用 Batch#disableBlending() 完全禁用混合。如果您只想混合一次，那么您可以使用不带 alpha channel 的 FBO(例如 RGB888 而不是 RGBA8888)。或者，如果您想自定义行为，则可以使用 Batch#setBlendFunction 来使用不同的混合函数。

顺便说一句，当我打这个的时候，我记得我以前做过。这是几乎相同的问题和答案:https://stackoverflow.com/a/31146449/2512687