LWJGL中使用VBO、VAO、IBO渲染多三角形的问题求助

看起来你遇到的核心问题是把缓冲区的创建/绑定逻辑放到了渲染循环里，再加上顶点属性设置、索引数组和VAO使用的几个小错误，导致三角形根本没被正确绘制出来。我来帮你拆解问题并给出修正方案：

1. 致命错误：缓冲区创建逻辑不能放在渲染循环里 #

你现在把makeAndDrawBuffersForTwoTriangles()放在了setupLoop()的while循环里，这意味着每帧都会重新生成VBO、VAO、IBO，不仅会快速耗尽GPU资源，还会让每帧的绘制状态完全混乱。正确的做法是把缓冲区的初始化（生成、绑定、数据上传、VAO配置）放在渲染循环之前，只做一次，然后在渲染循环里只做绘制操作。

2. 索引数组的错误 #

你的left_indices和right_indices是{0,1,2,3,4,5}，但对应的顶点数组left_vertices是6个float（也就是3个顶点，每个顶点2个坐标），索引3、4、5是不存在的，会导致绘制时读取非法内存，OpenGL直接跳过绘制。如果要画一个三角形，索引应该是{0,1,2}；如果要画两个三角形，你需要先扩展顶点数组到至少4个顶点（8个float），再写对应的索引。

3. VAO配置的错误 #

• glVertexAttribPointer的第5个参数（步长stride）是字节数，不是元素数。你写的2应该改成2 * Float.BYTES（每个顶点2个float，每个float4字节）。
• 配置VAO的时候，你绑定了VBO后设置顶点属性，但没有把IBO和VAO关联起来（IBO是和VAO绑定的，绑定VAO时绑定IBO，IBO会被存在VAO里）。
• 第二个Engine类里甚至出现了glBindBuffer(GL_ARRAY_BUFFER, vao_left)这种错误，把VAO的ID当成VBO绑定，完全不符合OpenGL的API规范。

4. 绘制时的状态错误 #

绘制时你没有正确利用VAO，而是手动绑定VBO然后设置顶点属性，这违背了VAO的设计初衷——VAO就是用来保存顶点属性和VBO/IBO绑定状态的，绘制时只需要绑定VAO，然后调用绘制函数即可。

修正后的完整代码示例 #

第一步：分离初始化与渲染逻辑，把缓冲区初始化放在循环外

// 类成员变量
static int vboLeft, vaoLeft, iboLeft;
static float leftVertices[] = { 
    -0.5f, 0f,    // 顶点0
    -0.25f, 0.5f, // 顶点1
    0f, 0f        // 顶点2
};
// 单个三角形的索引
static int leftIndices[] = { 0, 1, 2 };

static int vboRight, vaoRight, iboRight;
static float rightVertices[] = { 
    0f, 0f,       // 顶点0
    0.25f, -0.5f, // 顶点1
    0.5f, 0f      // 顶点2
};
static int rightIndices[] = { 0, 1, 2 };

private void setup() {
    GL.createCapabilities();
    debugProc = GLUtil.setupDebugMessageCallback();
    glClearColor(1.0f, 0.0f, 0.0f, 1.0f);
    
    // 初始化左侧三角形的VAO/VBO/IBO
    setupTriangleBuffers(vaoLeft, vboLeft, iboLeft, leftVertices, leftIndices);
    // 初始化右侧三角形的VAO/VBO/IBO
    setupTriangleBuffers(vaoRight, vboRight, iboRight, rightVertices, rightIndices);
}

// 封装三角形缓冲区初始化逻辑，避免重复代码
private void setupTriangleBuffers(int vao, int vbo, int ibo, float[] vertices, int[] indices) {
    // 生成并绑定VAO（VAO会记录后续的顶点属性和IBO绑定状态）
    vao = glGenVertexArrays();
    glBindVertexArray(vao);
    
    // 生成并绑定VBO，上传顶点数据
    vbo = glGenBuffers();
    glBindBuffer(GL_ARRAY_BUFFER, vbo);
    glBufferData(GL_ARRAY_BUFFER, vertices, GL_STATIC_DRAW);
    
    // 生成并绑定IBO，上传索引数据
    ibo = glGenBuffers();
    glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, ibo);
    IntBuffer indexBuffer = BufferUtils.createIntBuffer(indices.length);
    indexBuffer.put(indices).flip();
    glBufferData(GL_ELEMENT_ARRAY_BUFFER, indexBuffer, GL_STATIC_DRAW);
    
    // 配置顶点属性：属性索引0，每个顶点2个float，不归一化，步长为2*4字节，偏移0
    glEnableVertexAttribArray(0);
    glVertexAttribPointer(0, 2, GL_FLOAT, false, 2 * Float.BYTES, 0L);
    
    // 解绑VAO（注意：解绑VAO前不要解绑IBO，IBO的绑定状态已经被VAO保存）
    glBindVertexArray(0);
    // 解绑VBO和IBO（VAO已经记录了它们的关联关系）
    glBindBuffer(GL_ARRAY_BUFFER, 0);
    glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0);
}

第二步：修正渲染循环，只做绘制操作

private void setupLoop() {
    setup(); // 先执行一次初始化，只做一次！
    while (!glfwWindowShouldClose(window)) {
        renderLoop();
    }
}

private void renderLoop() {
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glViewport(0, 0, width, height);
    
    // 设置投影矩阵（如果窗口大小不会变化，可以把这部分移到setup()里）
    glMatrixMode(GL_PROJECTION);
    float aspect = (float) width / height;
    glLoadIdentity();
    glOrtho(-aspect, aspect, -1, 1, -1, 1);
    
    // 绘制左侧三角形：只需绑定VAO，直接调用绘制函数
    glBindVertexArray(vaoLeft);
    glDrawElements(GL_TRIANGLES, leftIndices.length, GL_UNSIGNED_INT, 0L);
    
    // 绘制右侧三角形
    glBindVertexArray(vaoRight);
    glDrawElements(GL_TRIANGLES, rightIndices.length, GL_UNSIGNED_INT, 0L);
    
    // 解绑VAO
    glBindVertexArray(0);
    
    glfwSwapBuffers(window);
    glfwPollEvents();
}

后续扩展纹理的说明 #

如果后续要给两个三角形加不同纹理，只需要：

1. 在每个顶点数组里添加纹理坐标（比如每个顶点变成x,y,u,v，共4个float）
2. 在VAO配置时新增一个顶点属性（比如索引1），配置纹理坐标的读取规则
3. 加载两个纹理，绘制前绑定对应的纹理单元即可

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