Question

我正在使用STB库来加载看起来像这样的PNG图像（是的它很小）。这是我在5分钟内制作的一张精灵表，在角色后面有透明度。

Eggy Sheet：

我创建了一个类来解析精灵表并将相应的纹理坐标提供给渲染循环。它完美无缺，但我没有透明度，只有黑色。我使用调试器和image.components() == 4进行了检查，因此如果我没有误解，应该有一个alpha通道。

Eggy错误：

我很确定它与我用STB解析图像的方式有关，但我不确定。还有一些我想念的东西。这是代码：

public void renderBatch(){
    DrawableAsset image;
    Coordinates coord;

    while(!images.isEmpty()){
        image = images.dequeue();
        coord = coords.dequeue();

        int texID = glGenTextures();
        glBindTexture(GL_TEXTURE_2D, texID);

        if (image.components() == 3) {
            if ((image.absWidth() & 3) != 0) {
                glPixelStorei(GL_UNPACK_ALIGNMENT, 2 - (image.absWidth() & 1));
            }
            glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, image.absWidth(), image.absHeight(), 0, GL_RGB, GL_UNSIGNED_BYTE, image.imageData());
        } else {
            glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, image.absWidth(), image.absHeight(), 0, GL_RGBA, GL_UNSIGNED_BYTE, image.imageData());

        }

        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);

        glEnable(GL_TEXTURE_2D);

        glPushMatrix();
        glTranslatef(coord.x() + image.halfwidth(), coord.y() + image.halfHeight(), 0);
        glRotatef(image.getAngle(), 0, 0, 1);
        glScalef(image.getScale(), image.getScale(), 1f);
        glTranslatef(-coord.x() - image.halfwidth(), -coord.y() - image.halfHeight(), 0);

        renderImage(image, coord);

        glPopMatrix();

        glDisable(GL_TEXTURE_2D);

        glDeleteTextures(texID);
    }

一些注意事项：

image.absWidth()和image.absHeight()会返回实际纹理表的尺寸，而image.width()和image.height()会返回单元格的尺寸。
< / LI>

renderImage()只是渲染纹理四边形的代码行，应该是不相关的，但这里只是以防万一：

private void renderImage(DrawableAsset image, Coordinates coord){
    float[] texCoords = image.regionCoordinates();
    glBegin(GL_QUADS);
    {
        glTexCoord2f(texCoords[0], texCoords[1]);
        glVertex2f(coord.x(), coord.y());

        glTexCoord2f(texCoords[2], texCoords[3]);
        glVertex2f(coord.x() + image.width(), coord.y());

        glTexCoord2f(texCoords[4], texCoords[5]);
        glVertex2f(coord.x() + image.width(), coord.y() + image.height());

        glTexCoord2f(texCoords[6], texCoords[7]);
        glVertex2f(coord.x(), coord.y() + image.height());
    }
    glEnd();
}

P.S。当我在这里时，我一直试图弄清楚当我放大图像时如何消除混合。我试过了glDisable(GL_BLEND)，但是没有这样做。那里有任何帮助和背景信息吗？

Answer 1

问题原因是我没有正确设置glBlendFunc。在任何绘图之前输入这行代码就可以了！

 glDisable(GL_DEPTH_TEST);
 glEnable(GL_BLEND);

 glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

有关该主题的更多信息：Blending

LWJGL3 STB图像Alpha通道无法使用PNG图像

1 个答案: