如何修改Element Array Buffer或使用多缓冲区绘制不同形状

你的代码思路本身可行，但存在关键错误，同时也可以优化为更高效的实现方式，以下是具体指导：

一、修复现有双VAO代码的问题 #

双VAO+双VBO+双IBO的写法是合理的，但代码里有两处错误会导致绘制异常：

1. 索引类型不符合规范：OpenGL索引缓冲区要求使用无符号整数类型（GLuint），而非int，虽然部分平台兼容，但应修正为标准写法：

GLuint indice[] =
{
    0, 1, 2,
    0, 1, 3
};

GLuint indice2[] =
{
    0, 1, 2  // 原代码的3是越界错误，vertices2只有3个顶点，索引范围为0-2
};

2. 三角形索引越界：indice2中的3超出了vertices2的顶点索引范围，必须改为合法索引2。

修复后的代码即可正常运行，这种方式适合简单场景，缺点是切换VAO会有少量性能开销。

二、更高效的单VAO+合并缓冲区方案 #

如果想减少状态切换开销，可将所有顶点和索引合并到单个VBO和IBO中，通过指定不同绘制范围实现多形状绘制：

1. 合并顶点数据 #

将两个形状的顶点按相同格式（位置+颜色，6个float）合并到一个数组：

float combinedVertices[] =
{
    // 正方形顶点（4个）
    -0.5f, -0.5f, 0.0f,     0.5f, 0.3f, 0.0f,
     0.5f,  0.5f, 0.0f,     0.5f, 0.3f, 0.0f,
     0.5f, -0.5f, 0.0f,     0.5f, 0.3f, 0.0f,
    -0.5f,  0.5f, 0.0f,     0.5f, 0.3f, 0.0f,
    // 三角形顶点（3个）
    -0.5f, -0.5f, 0.0f,     0.0f, 1.0f, 0.0f,
     0.0f,  0.0f, 0.0f,     0.0f, 1.0f, 0.0f,
     0.5f, -0.5f, 0.0f,     0.0f, 1.0f, 0.0f
};

2. 合并索引数据 #

三角形的索引要偏移（它的顶点从数组第4个位置开始，索引为4、5、6）：

GLuint combinedIndices[] =
{
    // 正方形索引（6个）
    0, 1, 2,
    0, 1, 3,
    // 三角形索引（3个，偏移+4）
    4, 5, 6
};

3. 初始化单个VAO/VBO/IBO #

VertexArray vao;
vao.Bind();

// 创建合并后的VBO
VertexBuffer vbo(combinedVertices, sizeof(combinedVertices), GL_STATIC_DRAW);
vbo.Bind();

// 创建合并后的IBO
IndexBuffer ibo(combinedIndices, sizeof(combinedIndices), GL_STATIC_DRAW);

// 设置顶点属性（格式与之前一致）
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)0);
glEnableVertexAttribArray(0);

glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)(3 * sizeof(float)));
glEnableVertexAttribArray(1);

vao.Unbind();
vbo.Unbind();
ibo.Unbind();

4. 指定索引范围绘制 #

vao.Bind();
ibo.Bind();

// 绘制正方形：从索引0开始，取6个索引
glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, (void*)0);

// 绘制三角形：从索引6开始，取3个索引
glDrawElements(GL_TRIANGLES, 3, GL_UNSIGNED_INT, (void*)(6 * sizeof(GLuint)));

ibo.Unbind();
vao.Unbind();

这种方式减少了状态切换次数，适合绘制大量形状的场景。

关键知识点总结 #

• VAO的作用：存储顶点属性配置和绑定的VBO/IBO状态，切换VAO可快速切换绘制配置。
• 索引缓冲区规范：必须使用无符号整数类型（GLuint），索引不能超出顶点数组范围。
• 合并缓冲区优势：降低OpenGL状态切换开销，提升绘制效率。

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