OpenGL、等距 2D 地图和纹理

Question

在 OpenGL 中，我正在绘制一个 2D 等距网格。 （图片：https://i.sstatic.net/O4jHV.png）。请不要介意草率的代码，因为其中很多只是尝试，在我正确编写实际引擎的平铺部分之前，我正试图亲自接触这些东西。

每个图块的宽度为 76 像素，高度为 38 像素。现在我想用我制作的一点草纹理来对每个瓷砖进行纹理处理。然而，事情并不顺利！

我的问题是，纹理看起来总是一团糟。它比应有的尺寸要小得多（大约是一半大小），并且周围是白色。这是我用来应用纹理的代码（当然，尺寸为 76x38！）。

void drawSquare(int x, int y) {
    glEnable( GL_TEXTURE_2D );
    glBindTexture( GL_TEXTURE_2D, texture);
    glBegin(GL_QUADS);
        glTexCoord2i( 38, -19); glVertex2i(x+38, y);
        glTexCoord2i(-38,  19); glVertex2i(x,    y+19);
        glTexCoord2i( 38, -19); glVertex2i(x-38, y);
        glTexCoord2i(-38,  19); glVertex2i(x,    y-19);
    glEnd();
}

这是计算 X 和 Y 的代码部分。

for (int y = 1; y < gridY+1; y++) {
    for (int x = 1; x < gridX+1; x++) {
        drawSquare((x-y) * 38 + (SCREEN_SIZE_X/2), (x+y) * 19);
    }
}

我可能还应该添加，我像这样放置正交设置。

glOrtho(0, SCREEN_SIZE_X, 0, SCREEN_SIZE_Y, -1, 1);

（SCREEN_SIZE_X 和 SCREEN_SIZE_Y 只是 800x600）

有人可以帮助我吗？我们将不胜感激。也许为了更清楚地说，这就是现在的样子！

编辑： 经过一番帮助，已经改成这样了。

glBegin(GL_QUADS);
//glColor3f(r, g, b);
glTexCoord2f(0,1); glVertex2i(x+38, y);
glTexCoord2f(1,1); glVertex2i(x,    y+19);
glTexCoord2f(1,0); glVertex2i(x-38, y);
glTexCoord2f(0,0); glVertex2i(x,    y-19);
glEnd();

结果： https://i.sstatic.net/JSSXy.png

Answer 1

使用 GL_TEXTURE_2D 时，纹理坐标应从 0 到 1，而不是从 -38 到 19。

另外，您应该使用 glTexCoord2f() 代替。

编辑：
这可能是最简单/最好的方法：只需将整个纹理绘制为单个四边形，并启用透明度（混合），只需确保纹理的角 100% 透明即可！

注意：您仍然可以使用 glTexCoord2i()，因为您始终使用整个纹理。但如果你要制作纹理图集，那么glTexCoord2f()是必要的。

void drawSquare(int x, int y) {
    glEnable(GL_TEXTURE_2D);
    glEnable(GL_BLEND);
    glBindTexture(GL_TEXTURE_2D, texture);
    glBegin(GL_QUADS);
        glTexCoord2i(0, 0); glVertex2i(x-38, y-19);
        glTexCoord2i(1, 0); glVertex2i(x+38, y-19);
        glTexCoord2i(1, 1); glVertex2i(x+38, y+19);
        glTexCoord2i(0, 1); glVertex2i(x-38, y+19);
    glEnd();
}

请记住：纹理坐标零点 (0,0) 是左下角

另外，不要忘记将混合模式设置为：

glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

另外，请确保使用 Alpha 通道加载纹理，如果它仍然不起作用，确保您的 opengl 纹理中存在 alpha 通道。