如何在OpenGL中实现多索引缓冲区的3D模型渲染？

首先明确：OpenGL原生不支持多索引缓冲区——glDrawElements要求所有顶点属性（位置、法线、纹理坐标等）共用同一个元素缓冲区（EBO）的索引，没法给不同属性分配独立索引。你目前用连续序列索引的方式本质是无索引渲染，显存浪费确实大，解决思路是预处理模型数据，将属性组合相同的顶点合并，生成单一索引体系。

核心原理 #

模型原始数据中，同一个"顶点"（位置）可能对应不同的法线或纹理坐标，反之亦然。我们需要把**(位置索引+法线索引+纹理坐标索引)的唯一组合**视为一个新的顶点，然后为这些组合生成唯一的索引，最终用合并后的顶点缓冲区和单一索引缓冲区进行渲染。

具体实现步骤 #

1. 遍历模型三角面数据：逐个处理每个三角面的三个顶点，每个顶点对应一组(位置索引、法线索引、纹理坐标索引)。
2. 建立属性组合映射表：用哈希表或有序映射记录每个属性组合对应的新顶点索引，避免重复添加相同组合的顶点数据。
3. 打包顶点数据与生成新索引：
   • 如果当前属性组合未在映射表中，就将对应的位置、法线、纹理坐标数据追加到新的顶点缓冲区，并为该组合分配新索引。
   • 如果组合已存在，直接复用已有索引。
4. 上传数据并配置VAO：将打包后的顶点数据和新索引分别传入VBO和EBO，然后在VAO中设置各属性的指针（注意步长和偏移量）。

代码示例（C++） #

// 定义属性组合键，用于哈希表
struct VertexKey {
    int posIdx;
    int normIdx;
    int uvIdx;

    bool operator==(const VertexKey& other) const {
        return posIdx == other.posIdx && normIdx == other.normIdx && uvIdx == other.uvIdx;
    }
};

// 为unordered_map提供哈希函数
namespace std {
    template<> struct hash<VertexKey> {
        size_t operator()(const VertexKey& k) const {
            return ((hash<int>()(k.posIdx) << 24) ^ (hash<int>()(k.normIdx) << 8) ^ hash<int>()(k.uvIdx));
        }
    };
}

// 原始数据：假设已加载位置、法线、UV数组，以及每个面的顶点索引组
std::vector<float> positions, normals, uvs;
std::vector<std::tuple<int, int, int>> modelFaces; // 每个元素是(posIdx, normIdx, uvIdx)

// 处理后的数据
std::unordered_map<VertexKey, unsigned int> vertexMap;
std::vector<float> packedVertices;
std::vector<unsigned int> newIndices;

for (const auto& face : modelFaces) {
    int posIdx = std::get<0>(face);
    int normIdx = std::get<1>(face);
    int uvIdx = std::get<2>(face);

    VertexKey key = {posIdx, normIdx, uvIdx};
    if (vertexMap.find(key) == vertexMap.end()) {
        // 添加位置数据
        packedVertices.push_back(positions[posIdx * 3]);
        packedVertices.push_back(positions[posIdx * 3 + 1]);
        packedVertices.push_back(positions[posIdx * 3 + 2]);
        // 添加法线数据
        packedVertices.push_back(normals[normIdx * 3]);
        packedVertices.push_back(normals[normIdx * 3 + 1]);
        packedVertices.push_back(normals[normIdx * 3 + 2]);
        // 添加UV数据
        packedVertices.push_back(uvs[uvIdx * 2]);
        packedVertices.push_back(uvs[uvIdx * 2 + 1]);

        // 记录新顶点索引（每个顶点占8个float：3+3+2）
        vertexMap[key] = packedVertices.size() / 8;
    }
    // 追加索引
    newIndices.push_back(vertexMap[key]);
}

// 上传到GPU
unsigned int vbo, ebo, vao;
glGenVertexArrays(1, &vao);
glGenBuffers(1, &vbo);
glGenBuffers(1, &ebo);

glBindVertexArray(vao);

glBindBuffer(GL_ARRAY_BUFFER, vbo);
glBufferData(GL_ARRAY_BUFFER, packedVertices.size() * sizeof(float), packedVertices.data(), GL_STATIC_DRAW);

glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, ebo);
glBufferData(GL_ELEMENT_ARRAY_BUFFER, newIndices.size() * sizeof(unsigned int), newIndices.data(), GL_STATIC_DRAW);

// 配置位置属性（索引0）
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 8 * sizeof(float), (void*)0);
glEnableVertexAttribArray(0);
// 配置法线属性（索引1）
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 8 * sizeof(float), (void*)(3 * sizeof(float)));
glEnableVertexAttribArray(1);
// 配置UV属性（索引2）
glVertexAttribPointer(2, 2, GL_FLOAT, GL_FALSE, 8 * sizeof(float), (void*)(6 * sizeof(float)));
glEnableVertexAttribArray(2);

// 渲染
glBindVertexArray(vao);
glDrawElements(GL_TRIANGLES, newIndices.size(), GL_UNSIGNED_INT, 0);

补充说明 #

这种预处理是图形行业的标准做法，绝大多数3D模型加载库（比如Assimp）内部也是这么处理的。虽然会存在少量属性组合不同的顶点重复，但相比无索引渲染，显存占用会大幅降低——因为大量三角面会复用相同的属性组合顶点。

内容的提问来源于stack exchange，提问作者izzy and simple