如何在 OpenGL 中使纹理透明？答案

【问题标题】：How do I make textures transparent in OpenGL?如何在 OpenGL 中使纹理透明？
【发布时间】：2010-10-19 14:33:12
【问题描述】：

我曾尝试在 Google 上对此进行研究，但在我看来没有任何连贯的简单答案。这是因为它不简单，还是因为我没有使用正确的关键字？

不过，这是我目前取得的进展。

创建了 8 个顶点以形成 2 个正方形。
创建了一个具有 200 位 alpha 值的纹理（因此，大约 80% 透明）。
为每个正方形分配了相同的纹理，显示正确。
注意到当我使用 255 alpha 的纹理时，它看起来更亮。

init 类似于以下内容：

glClearColor(0.0, 0.0, 0.0, 0.0);
glShadeModel(GL_FLAT);
glEnable(GL_DEPTH_TEST);

glEnable(GL_CULL_FACE);
glEnable(GL_BLEND);
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

glPixelStorei(GL_UNPACK_ALIGNMENT, 1);
glGenTextures(1, textureIds);
glTexEnvf(GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE);

int i, j;
GLubyte pixel;
for (i = 0; i < TEXTURE_HEIGHT; i++)
{
    for (j = 0; j < TEXTURE_WIDTH; j++)
    {
        pixel = ((((i & 0x8) == 0) ^ ((j & 0x8) == 0)) * 255);
        texture[i][j][0] = pixel;
        texture[i][j][1] = pixel;
        texture[i][j][2] = pixel;
        texture[i][j][3] = 200;
    }
}

glBindTexture(GL_TEXTURE_2D, textureIds[0]);

glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);

glTexImage2D(
    GL_TEXTURE_2D, 0, GL_RGBA,
    TEXTURE_WIDTH, TEXTURE_HEIGHT,
    0, GL_RGBA, GL_UNSIGNED_BYTE, texture);

这有点类似于书OpenGL 编程指南中第 417 页中的代码 sn-p，并创建了一个检查模式。

然后，显示函数包含...

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glEnable(GL_TEXTURE_2D);

// Use model view so that rotation value is literal, not added.
glMatrixMode(GL_MODELVIEW);
glPushMatrix();

// ... translation, etc ...

glBindTexture(GL_TEXTURE_2D, textureIds[0]);
glBegin(GL_QUADS);
glTexCoord2f(0.0, 0.0); glVertex3f(-1.0, +1.0, 0.0); // top left
glTexCoord2f(0.0, 1.0); glVertex3f(-1.0, -1.0, 0.0); // bottom left
glTexCoord2f(1.0, 1.0); glVertex3f(+1.0, -1.0, 0.0); // bottom right
glTexCoord2f(1.0, 0.0); glVertex3f(+1.0, +1.0, 0.0); // top right
glEnd();

    // not neccecary to repeat, just good practice
glBindTexture(GL_TEXTURE_2D, textureIds[0]);
glBegin(GL_QUADS);
glTexCoord2f(0.0, 0.0); glVertex3f(-0.5, +1.0, -1.0); // top left
glTexCoord2f(0.0, 1.0); glVertex3f(-0.5, -1.0, -1.0); // bottom left
glTexCoord2f(1.0, 1.0); glVertex3f(+1.5, -1.0, -1.0); // bottom right
glTexCoord2f(1.0, 0.0); glVertex3f(+1.5, +1.0, -1.0); // top right
glEnd();

glFlush();
glDisable(GL_TEXTURE_2D);

glPopMatrix();

SwapBuffers();

所以，这会在背景中呈现第二个正方形；我可以看到这一点，但看起来它们正在与背景混合（我假设这是因为它们在 200 位 alpha 中比 255 位更暗）而不是背后的纹理......

如您所见，没有透明度...我该如何解决这个问题？

【问题讨论】：

你在那个循环中有两次 TEXTURE_HEIGHT 而不是 TEXTURE_WIDTH
啊，谢谢，不过没关系，因为他们都是 64 岁。

标签： c++ opengl textures opacity

【解决方案1】：

因此，此处但已删除的另一个答案提到了这一点-通常，要使 alpha 混合正常工作，您需要在相机坐标系中从远到近对对象进行排序。
这就是为什么您的多边形与背景混合的原因。您可以通过禁用深度测试来确认这确实是问题所在。如果没有深度测试，所有片段都会显示出来，您将能够看到 alpha 混合。

this page. 了解更多信息

【讨论】：