如何在 OpenGL (ES) 中将非 2 幂纹理显示为精灵而不进行拉伸？

我想绘制一个任意大小的精灵作为 png，比如说 56 宽 x 30 高之类的完全疯狂的东西。任一维度都不是 2 的幂。另外，我可能想绘制另一个 72 宽 x 33 高的不同精灵。指出这一点是因为这里不接受任何“技巧”，我需要处理一般情况。

所以我有这个 png（具有透明度），我想将其绘制为精灵，绝对没有拉伸、插值等。我希望它与屏幕上的像素以 1:1 的比例映射。假设这些精灵是像素艺术（它们可能是也可能不是，但它们是为了精确的分辨率而绘制的）。

我理解精灵图绘制 - 2 个三角形作为四边形，通过纹理坐标映射将纹理渲染到该纹理 - 但是我只理解它的 2 的幂。而且我也不知道如何调整我的“四边形”的大小并设置我的 GL 矩阵这样我就可以使精灵的像素大小与我的精灵完全相同

我正在使用 OpenGL ES，因此使用新扩展来使用非 2 次方纹理是不可接受的。

我一次只绘制 3-10 个精灵，因此我愿意接受有关效率的建议，但我最感兴趣的是“准确”的外观结果。

要获得像素完美的坐标系，您可以按如下方式设置矩阵：

glViewport(0, window_width, 0, window_height);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(0, window_width, 0, window_height, 0, 1);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();

这可确保 OpenGL 坐标到像素的 1:1 映射，并将原点放在左下角。

至于你的纹理，如果你不想依赖非二次幂扩展，你可以must将其填充为 2 的幂。尽管 OpenGL ES 规范并没有规定它也必须是正方形（据我所知），但我在 Android 上看到过奇怪的事情，纹理尺寸如 512 x 128，所以最好坚持使用square二次方纹理。

需要注意的是，OpenGL 中的纹理坐标始终介于 0 和 1 之间，无论纹理的像素大小是多少。因此，如果您的精灵宽度为 48 像素，并且将其填充为 64 x 64 的纹理，那么它将跨越从 0 到 0.75 的 x 坐标：

1 +--------+
  |        |
  |        |
  +-----+  |
  |\_O_/|  |
  |  O  |  |
  | / \ |  |
0 +-----+--+
  0   0.75 1   <- texture coordinates
  0     48 64  <- pixels

因此，您必须为四边形的角设置这些纹理坐标。因为我们有一个像素完美的投影，所以四边形也必须正好是 48 像素宽。

总之，在位置绘制你的精灵x, y（从左下角开始以像素为单位），执行如下操作：

float texcoord_x = (float)sprite_width / texture_width;
float texcoord_y = (float)sprite_height / texture_height;

glEnable(GL_TEXTURE_2D);
glBindTexture(GL_TEXTURE_2D, texture_id);

glBegin(GL_QUADS);
// bottom left
glTexCoord2f(0, 0);
glVertex2i(x, y);
// bottom right
glTexCoord2f(texcoord_x, 0);
glVertex2i(x + sprite_width, y);
// top right
glTexCoord2f(texcoord_x, texcoord_y);
glVertex2i(x + sprite_width, y + sprite_height);
// top left
glTexCoord2f(0, texcoord_y);
glVertex2i(x, y + sprite_height);
glEnd();

我知道 OpenGL ES 没有glVertex2i等等，所以你必须将这些坐标放入缓冲区。而且它不允许四边形，因此您必须将其分成三角形。但这是基本思想。