openGL 在运行时创建纹理图集？

Question

因此，我在一个简洁的小系统中设置了我的框架，以将 SDL、openGL 和 box2D 封装在一起，用于 2D 游戏。

现在它的工作原理是我创建一个“GameObject”类的对象，指定一个“源PNG”，然后它会自动创建一个openGL纹理和一个相同尺寸的box2d主体。

现在我担心是否开始需要在屏幕上渲染许多不同的纹理。

是否可以在运行时加载我的所有精灵表，然后将它们全部组合成一个纹理？如果是这样，怎么做？什么是实现它的好方法（这样我就不必手动指定任何参数或任何东西）。

我想在运行时而不是预先完成的原因是，我可以轻松地将某个级别的所有（或大部分）图块、敌人等加载到这个纹理中，因为每个级别不会有相同的敌人。它还可以让整个艺术创作过程变得更容易。

Answer 1

可能已经存在一些用于创建纹理图集的库（优化打包是一个非常重要的问题）并将旧的纹理坐标转换为新的坐标。

但是，如果你想自己做，你可能会这样做：

• 从磁盘（您的“源 PNG”）加载所有纹理并检索原始像素数据缓冲区，
• 如有必要，将所有源纹理转换为相同的像素格式，
• 创建一个足以容纳所有现有纹理的新纹理，以及一个用于容纳像素数据的相应缓冲区
• 将像素数据从源图像“Blit”到新缓冲区中的给定偏移量（见下文）
• 使用新缓冲区的数据照常创建纹理。
• 在执行此操作时，确定从“旧”纹理坐标到“新”纹理坐标的映射（应该是记录纹理图集中每个元素的偏移量并进行快速变换的简单问题）。在像素着色器中执行此操作可能也很容易，但需要进行一些分析以查看传递额外参数的开销是否值得。

显然，您还想检查以确保您没有做一些愚蠢的事情，例如将相同的纹理两次加载到图集中，但这是此过程之外的问题。

---

要从源图像“blit”（复制）到目标图像，您需要执行以下操作（假设您正在将 128x128 纹理复制到 512x512 地图集纹理，从目标上的 (128, 0) 开始） ):

unsigned char* source = new unsigned char[ 128 * 128 * 4 ]; // in reality, comes from your texture loader
unsigned char* target = new unsigned char[ 512 * 512 * 4 ];

int targetX = 128;
int targetY = 0;

for(int sourceY = 0; sourceY < 128; ++sourceY) {
    for(int sourceX = 0; sourceX < 128; ++sourceX) {
        int from = (sourceY * 128 * 4) + (sourceX * 4); // 4 bytes per pixel (assuming RGBA)
        int to = ((targetY + sourceY) * 512 * 4) + ((targetX + sourceX) * 4); // same format as source

        for(int channel = 0; channel < 4; ++channel) {
            target[to + channel] = source[from + channel];
        }
    }
}

这是一个非常简单的蛮力实现：有更快、更简洁和更聪明的方法来复制数组，但其想法是，您基本上是将源纹理的内容复制到给定的目标纹理中X 和 Y 偏移。最后，您将创建一个包含旧纹理的新纹理。

如果索引数学对您没有意义，请考虑how a 2D array is actually indexed inside a 1D space（例如计算机内存）。

请原谅任何错误。这不是生产代码，而是我在没有检查它是否编译或运行的情况下编写的代码。

---

由于您使用的是 SDL，我应该提一下它有一个很好的功能可以帮助您：SDL_BlitSurface。您可以完全在 SDL 中创建 SDL_Surface，然后只需使用 SDL_BlitSurface 将源表面复制到其中，然后使用 convert the atlas surface into a GL texture。

它会处理所有的数学运算，还可以即时为您进行格式转换。