ios - OpenGL 背景清晰颜色渗入透明纹理

标签 ios opengl-es opengl-es-2.0 transparency

我正在使用 OpenGL 和 C++ 编写一个简单的 2D 框架,现在遇到了与透明纹理和混合相关的问题。我已将我的问题简化为以下内容。

我有两个纹理:地砖和鱼骨。后者包含透明像素。我将我的 OpenGL 清晰颜色设置为“透明绿色”并启用深度测试和混合,如下所示:

glClearColor(0, 1, 0, 0)
glEnable(GL_DEPTH_TEST);
glEnable(GL_BLEND);
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

通过两次调用 glDrawElements(),我画了鱼,然后画了地板。鱼的 Z 值较高,因此应放置在地砖的前面。 This is the result .

显然,我不希望鱼周围出现这样的绿色框。我认为发生的事情是鱼像素在绘制时与帧缓冲区的颜色渲染缓冲区中的任何内容混合,并且恰好是纯绿色(由于 glClearColorglClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT))。对于鱼纹理中的每个透明像素,我希望这种混合能够解析为透明(因为我设置了透明的清晰颜色),但正如您所看到的那样,实际情况并非如此。

如果我先画地板,然后画鱼,就可以了 as expected .

我的片段着色器非常简单:

varying lowp vec2 TexCoordOut;
uniform sampler2D Texture;

void main(void) {
    gl_FragColor = texture2D(Texture, TexCoordOut);
}

我真的必须手动管理绘图顺序(按 Z 坐标排序)还是有办法解决这个问题? OpenGL 深度缓冲系统不是为解决这个问题而设计的吗?

我正在通过 Xcode 在 iOS 模拟器上测试我的程序。

最佳答案

我确实相信深度排序是必要的——因为即使混合产生的像素是透明的,深度缓冲区也会被写入。因此,任何要绘制在这些透明像素后面(更高深度)的东西都会被简单地丢弃。不幸的是,深度缓冲区没有考虑透明度。

如果您的纹理中没有任何半透明像素,您可以使用 alpha 测试,如果它是透明的,它会丢弃像素,因此它不会写入深度缓冲区。这显然不适用于半透明像素,因为它们要么变得完全不透明,要么根据您的实现/设置被丢弃。您可以通过将着色器更改为以下方式轻松实现它:

varying lowp vec2 TexCoordOut;
uniform sampler2D Texture;

void main(void) {
   vec4 tc = texture2D(Texture, TexCoordOut);
   if (tc.a < 0.5) //for example, change to any value suitable
     discard;
   gl_FragColor = tc;
}

除此之外,除了排序之外,我没有其他方法可以通过深度缓冲修复透明度。

您可以在此处阅读有关透明度排序和 alpha 测试的更多详细信息:http://www.opengl.org/wiki/Transparency_Sorting

关于ios - OpenGL 背景清晰颜色渗入透明纹理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17390071/

相关文章:

ios - 在不丢失数据的情况下更改 Live App 的数据库

iOS:键入时搜索建议

android - OpenGL ES 2.0 中的抗锯齿?

android - 适用于 Linux 的 BlueStacks 模拟器?

ios - Use of undeclared type 'CustomObject' in swift - ios 报错

ios - 使用 Swift 3 和 Alamofire 的 JSON url 在应用程序中没有显示任何内容

ios - glBlendColor 不适用于 iOS

c++ - 在角度为 : glLoadIdentity and glOrtho undefined 的通用 Windows 应用程序中使用 OpenGL

ios - 有人在 iOS 上的 OpenGL ES 2.0 中使用 glGenerateMipmap 得到模糊不可用的纹理吗?

Android OpenGL ES 2.0——glReadPixels() 和 glTexImage2D() 绘制黑色纹理?