使用透明度渲染纹理时，OpenGL出现多余像素

Question

使用透明度渲染纹理时，OpenGL出现多余像素

c++qtopengl

3

我已经苦恼了一段时间。当我使用OpenGL渲染2D纹理时，这些纹理在不透明和半透明之间的过渡处有透明度值，会出现一些令人讨厌的灰色像素，我认为这是像素值插值的产物。您有什么好的改进方法吗？

我附上一张图片来说明我的问题：

虽然我认为这不会有任何区别，但我正在使用Qt创建QGLWidget和C++。

解决方案：我一直在尝试解决这个问题。我尝试使用带有预乘alpha通道的图像，为颜色和alpha使用单独的混合函数...对我来说没有什么效果，我可能做错了，我不知道。对我而言，有效的方法是在Adobe Illustrator上导出带有反锯齿的png图像，使用glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA)。

希望这能帮助其他遇到同样问题的人 :)

再次感谢您的回答。

- Pedro Leal

2

了解预乘 alpha 的工作原理。 - Nicol Bolas

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dietrich Epp · Accepted Answer

简短回答：Nicol Bolas是正确的，你应该研究预乘alpha，以下是解释这个问题的数学原理。

为什么它不会正确工作：

使用非预乘alpha时，当你将带有颜色和alpha（C_S，α_S）的源纹理合成到目标（C_D，α_D）上时，你得到以下公式：

C = α_S C_S + (1 - α_S) C_D 现在，如果我们有两个纹理层，首先是（C₁，α₁），然后是（C₂，α₂），我们得到以下公式：

C = α₂ C₂ + (1 - α₂) (α₁ C₁ + (1 - α₁) C_D)

如果我们想用一个预合成纹理一步完成此操作，就像你渲染到纹理的方式一样，我们需要重新排列此公式以匹配原始公式：

C = (α₂ C₂ + (1 - α₂) α₁ C₁) + (1 - α₂) (1 - α₁) C_D α_S C_S = α₂ C₂ + (1 - α₂) α₁ C₁ (1 - α_S) C_D = (1 - α₂) (1 - α₁) C_D 我们可以解出α_S：

α_S = 1 - (1 - α₁) (1 - α₂) = α₁ + α₂ - α₁ α₂ 但当我们解出C_S时：

C_S = (α₂ C₂ + (1 - α₂) α₁ C₁) / (α₁ + α₂ - α₁ α₂)

但如果alpha是预乘的呢？预乘的alpha混合公式不同:

C = C_S + (1 - α_S) C_D

对于两个纹理，我们有:

C = C₂ + (1 - α₂) (C₁ + (1 - α₁) C_D)

通过重新排列以匹配第一个公式，我们得到:

C = C₂ + (1 - α₂) C₁ + (1 - α₂) (1 - α₁) C_D

然后我们解决:

α_S = 1 - (1 - α₁) (1 - α₂) = α₁ + α₂ - α₁ α₂

C_S = C₂ + (1 - α₂) C₁

这与第一个公式完全相同:

glBlendFunc(GL_ONE, GL_ONE_MINUS_SRC_ALPHA);

因此，如果您对所有纹理使用预乘α，则所有数学计算都可以完美地运行，您不必担心这些问题。只需在所有地方使用相同的混合函数，使用预乘α，并且可以按任何顺序组合物品。

预乘α还可以正确插值，非预乘α则不是这种情况，但这是一个单独的问题。

摘要

预乘合成运算符是可关联的，这意味着您可以将一堆图层压缩成一个纹理，以完全希望的方式。

没有预乘α，数学计算结果与您想要的不同。