OpenGL 中正确渲染多个三角形：必须为每个网格创建独立的 VAO-Python教程-PHP中文网

在 opengl 中，若只看到第二个三角形而第一个不可见，根本原因在于复用同一个 vao 导致顶点属性状态被覆盖；正确做法是为每个三角形（或网格）分配独立的 vao，并在绘制时绑定对应 vao。

在 opengl 中，若只看到第二个三角形而第一个不可见，根本原因在于复用同一个 vao 导致顶点属性状态被覆盖；正确做法是为每个三角形（或网格）分配独立的 vao，并在绘制时绑定对应 vao。

OpenGL 的顶点数组对象（VAO）并非仅用于“封装”VBO，而是完整保存顶点属性配置的状态快照——包括 glVertexAttribPointer 所设定的步长（stride）、偏移（offset）、数据类型等，以及当时绑定到 GL_ARRAY_BUFFER 的缓冲区 ID。关键点在于：glVertexAttribPointer 调用时，会将当前绑定的 VBO ID 与属性配置一并存储进当前绑定的 VAO 中。因此，若所有顶点数据都配置在同一个 VAO 下（如原代码中仅创建 vao = glGenVertexArrays(1)），后一次 glVertexAttribPointer 调用会覆盖前一次的属性绑定，最终 VAO 中仅保留第二组数据的配置。

原代码中虽分别向 vbo1 和 vbo2 上传了数据，并两次调用 glVertexAttribPointer，但全程绑定的是同一个 VAO（vao），导致第二次调用彻底覆盖了第一组顶点属性的缓冲区关联和格式设置。当执行 glDrawArrays(GL_TRIANGLES, 0, 3) 时，OpenGL 实际读取的是 VAO 中最后保存的配置——即指向 vbo2 的数据，因此只有第二个三角形被渲染。

✅ 正确解决方案：为每个三角形创建独立的 VAO，并在初始化阶段完成各自 VBO 绑定与属性配置：

# 创建并配置第一个三角形的 VAO
vao1 = glGenVertexArrays(1)
glBindVertexArray(vao1)

glBindBuffer(GL_ARRAY_BUFFER, vbo1)
glBufferData(GL_ARRAY_BUFFER, 72, numpy.array(buffer1, dtype=numpy.float32), GL_STATIC_DRAW)
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 24, ctypes.c_void_p(0))
glEnableVertexAttribArray(0)
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 24, ctypes.c_void_p(12))
glEnableVertexAttribArray(1)

# 创建并配置第二个三角形的 VAO
vao2 = glGenVertexArrays(1)
glBindVertexArray(vao2)

glBindBuffer(GL_ARRAY_BUFFER, vbo2)
glBufferData(GL_ARRAY_BUFFER, 72, numpy.array(buffer2, dtype=numpy.float32), GL_STATIC_DRAW)
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 24, ctypes.c_void_p(0))
glEnableVertexAttribArray(0)
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 24, ctypes.c_void_p(12))
glEnableVertexAttribArray(1)

# 解绑以避免意外修改
glBindVertexArray(0)

在渲染循环中，只需切换 VAO 和着色器程序即可：

while not glfw.window_should_close(window):
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT)

    # 渲染第一个三角形
    glUseProgram(p1)
    glBindVertexArray(vao1)
    glDrawArrays(GL_TRIANGLES, 0, 3)

    # 渲染第二个三角形
    glUseProgram(p2)
    glBindVertexArray(vao2)
    glDrawArrays(GL_TRIANGLES, 0, 3)

    glUseProgram(0)
    glBindVertexArray(0)

    glfw.swap_buffers(window)
    glfw.poll_events()

⚠️ 注意事项：

不要尝试通过反复 glBindBuffer(GL_ARRAY_BUFFER, ...) 来切换数据源——它对已存储在 VAO 中的属性配置无效；
glVertexAttribPointer 必须在对应 VAO 绑定状态下调用，否则配置将写入错误的 VAO；
若使用相同的着色器程序渲染多个对象，可复用同一程序（无需创建 p1/p2），提升性能；
确保 glEnableVertexAttribArray 在 glVertexAttribPointer 后立即调用，且索引与着色器 layout(location = N) 严格匹配。

遵循 VAO 按网格隔离的原则，不仅能解决多物体渲染问题，更是现代 OpenGL 可编程管线中实现高效、可维护渲染架构的基础实践。