索引生成函数无法正确构建八面体三角形图元求助

问题描述 #

我正在编写自动填充网格索引向量的函数，理论上能生成正确顺序的索引，但实际渲染八面体时，三角形未成型，仅显示线条。手动写死索引可正常渲染，用函数生成的索引就出现异常（仅显示两条对立竖线）。

完整Mesh类代码 #

struct vertex
{
    glm::vec3 position;
    glm::vec3 color;
};

class Mesh
{
public:
    GLuint VAO, VBO, EBO;
    std::vector <vertex> vtx;
    std::vector <glm::vec3> idx;
    glm::mat4 modelMatrix = glm::mat4(1.f); 

    Mesh(glm::vec3 position, glm::vec3 scale)
    {
        vertexGen(6);
        idx = indexGen(6);
        modelMatrix = glm::scale(glm::translate(modelMatrix, position), scale);
        initMesh();
    };
    void Render(Shader shaderProgram, Camera camera, bool wireframe)
    {
        glUseProgram(shaderProgram.ID);
        glPatchParameteri(GL_PATCH_VERTICES, 3); // 告知VAO每组三个顶点为一个面片（三角形）
        glProgramUniformMatrix4fv(shaderProgram.ID, 0, 1, GL_FALSE, glm::value_ptr(modelMatrix));
        glProgramUniformMatrix4fv(shaderProgram.ID, 1, 1, GL_FALSE, glm::value_ptr(camera.camMatrix));
        glProgramUniform3fv(shaderProgram.ID, 2, 1, GL_FALSE, glm::value_ptr(camera.Position));

        glBindVertexArray(VAO); // 将VAO绑定到着色器程序
        if (wireframe)
        {
            glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);
            glDisable(GL_CULL_FACE);
        }
        else
        {
            glPolygonMode(GL_FRONT_AND_BACK, GL_FILL);
            //glEnable(GL_CULL_FACE);
        }
        glDrawElements(GL_PATCHES, idx.size(), GL_UNSIGNED_INT, 0); // 告知着色器程序图元绘制方式
    }
private:
    void vertexGen(int n) {
        // 填充基础6个顶点
        vtx.push_back(vertex{ glm::vec3( 0.0f, 0.5f,  0.0f), glm::vec3(0.f, 1.f, 0.f) });
        vtx.push_back(vertex{ glm::vec3(-0.5f, 0.0f,  0.0f), glm::vec3(0.f, 1.f, 0.f) });
        vtx.push_back(vertex{ glm::vec3( 0.0f, 0.0f, -0.5f), glm::vec3(0.f, 1.f, 0.f) });
        vtx.push_back(vertex{ glm::vec3( 0.5f, 0.0f,  0.0f), glm::vec3(0.f, 1.f, 0.f) });
        vtx.push_back(vertex{ glm::vec3( 0.0f, 0.0f,  0.5f), glm::vec3(0.f, 1.f, 0.f) });
        vtx.push_back(vertex{ glm::vec3( 0.0f,-0.5f,  0.0f), glm::vec3(0.f, 1.f, 0.f) });
    }
    std::vector<glm::vec3> indexGen(int n) {
        std::vector<glm::vec3> indices;

        // 计算顶部4个三角形的索引
        indices.push_back(glm::vec3( 0, n - 5, n - 4 ));
        indices.push_back(glm::vec3( 0, n - 4, n - 3 ));
        indices.push_back(glm::vec3( 0, n - 3, n - 2 ));
        indices.push_back(glm::vec3( 0, n - 2, n - 5 ));

        // 计算底部4个三角形的索引
        indices.push_back(glm::vec3( 5, n - 5, n - 4)); 
        indices.push_back(glm::vec3( 5, n - 4, n - 3));
        indices.push_back(glm::vec3( 5, n - 3, n - 2));
        indices.push_back(glm::vec3( 5, n - 2, n - 5));

        return indices;
    }
    void initMesh()
    {
        glCreateVertexArrays(1, &VAO); // 创建VAO并绑定到变量地址
        glCreateBuffers(1, &VBO);      // 创建VBO并绑定到变量地址
        glCreateBuffers(1, &EBO);      // 创建EBO并绑定到变量地址

        glNamedBufferData(VBO, vtx.size() * sizeof(vtx[0]), vtx.data(), GL_STATIC_DRAW); // 向VBO写入顶点数据
        glNamedBufferData(EBO, idx.size() * sizeof(idx[0]), idx.data(), GL_STATIC_DRAW); // 向EBO写入索引数据

        glEnableVertexArrayAttrib(VAO, 0); // 启用VAO的位置属性（索引0）
        glEnableVertexArrayAttrib(VAO, 1); // 启用VAO的颜色属性（索引1）

        glVertexArrayAttribBinding(VAO, 0, 0); // 将位置属性绑定到绑定点0
        glVertexArrayAttribBinding(VAO, 1, 0); // 将颜色属性绑定到绑定点0

        glVertexArrayAttribFormat(VAO, 0, 3, GL_FLOAT, GL_FALSE, 0); // 设置位置属性的格式（3个float，无偏移）
        glVertexArrayAttribFormat(VAO, 1, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(GLfloat)); // 设置颜色属性的格式（偏移3个float）

        glVertexArrayVertexBuffer(VAO, 0, VBO, 0, 6 * sizeof(GLfloat)); // 将VBO绑定到VAO的绑定点0，设置步长为6个float

        glVertexArrayElementBuffer(VAO, EBO); // 将EBO绑定到VAO，用于顶点索引
    }
};

问题根源分析 #

核心问题出在索引数据的存储类型与OpenGL要求不匹配：

1. 索引容器类型错误：用std::vector<glm::vec3>存储索引，但OpenGL的EBO需要单个无符号整数（GLuint）作为顶点索引。每个glm::vec3占用3个float的内存，而实际索引是整数，导致EBO数据格式完全错误，OpenGL无法解析三角形的顶点索引。
2. 绘制调用参数错误：glDrawElements的第二个参数是索引总数量，传入的idx.size()是8（indexGen返回8个vec3），但实际需要24个索引（8个三角形×3个顶点）。同时指定了GL_UNSIGNED_INT类型，但EBO中实际是float数据，类型不匹配进一步导致渲染异常。

修复方案 #

1. 修改索引容器与生成函数 #

将类成员的索引容器改为std::vector<GLuint>，同时修改indexGen函数直接生成单个整数索引：

// 类成员变量修改
std::vector<GLuint> idx;

// indexGen函数修改
std::vector<GLuint> indexGen(int n) {
    std::vector<GLuint> indices;

    // 顶部4个三角形
    indices.push_back(0); indices.push_back(n-5); indices.push_back(n-4);
    indices.push_back(0); indices.push_back(n-4); indices.push_back(n-3);
    indices.push_back(0); indices.push_back(n-3); indices.push_back(n-2);
    indices.push_back(0); indices.push_back(n-2); indices.push_back(n-5);

    // 底部4个三角形
    indices.push_back(5); indices.push_back(n-5); indices.push_back(n-4);
    indices.push_back(5); indices.push_back(n-4); indices.push_back(n-3);
    indices.push_back(5); indices.push_back(n-3); indices.push_back(n-2);
    indices.push_back(5); indices.push_back(n-2); indices.push_back(n-5);

    return indices;
}

2. 修正EBO数据上传的大小计算 #

在initMesh函数中，EBO的大小按GLuint尺寸计算：

glNamedBufferData(EBO, idx.size() * sizeof(GLuint), idx.data(), GL_STATIC_DRAW);

3. 修正绘制调用的索引数量 #

在Render函数中，glDrawElements的第二个参数改为idx.size()（此时size为24，对应所有三角形的索引）：

glDrawElements(GL_PATCHES, idx.size(), GL_UNSIGNED_INT, 0);

可选优化：如果不需要细分曲面，直接将GL_PATCHES改为GL_TRIANGLES，同时删除glPatchParameteri调用，这是更常规的三角形渲染方式。

4. 验证顶点属性绑定（当前无需修改） #

顶点属性绑定、格式设置是正确的：vertex结构体的position+color布局对应步长6*sizeof(GLfloat)，属性偏移量设置准确，这部分无需调整。

修复后效果 #

修改完成后，indexGen会生成24个正确的无符号整数索引，EBO存储的数据格式符合OpenGL要求，OpenGL能正确解析每个三角形的三个顶点，即可渲染出完整的八面体。

内容的提问来源于stack exchange，提问作者ModernEraCaveman