OpenGL实例化立方体仅显示一个的问题排查求助

咱们一步步拆解你的问题，核心原因是实例化数据没有被顶点着色器使用，再加上几处OpenGL API调用的小错误，导致所有立方体都重叠在一起，看起来只有一个。

1. 顶点着色器未处理实例化偏移 #

你已经在CPU端创建了存储立方体位置偏移的instanceVBO，也配置了顶点属性2，但你的顶点着色器完全没用到这份数据！所有实例都使用同一个模型矩阵，自然会堆在同一个位置。

修改顶点着色器，添加实例化偏移的输入，并将其应用到顶点位置：

#version 330 core
layout(location = 0) in vec3 vertexPosition_modelspace;
layout(location = 1) in vec2 vertexUV;
// 新增实例化偏移的输入属性
layout(location = 2) in vec2 instanceOffset;

out vec2 UV;
uniform mat4 MVP;

void main(){
    // 将实例偏移应用到顶点位置（z轴设为0，保持在同一平面）
    vec3 offsetPos = vertexPosition_modelspace + vec3(instanceOffset, 0.0);
    gl_Position = MVP * vec4(offsetPos, 1);
    UV = vertexUV;
}

2. 修复OpenGL API调用错误 #

你的main函数里有两处关键错误：

• 无效的Buffer解绑调用：glBindBuffer(GL_ARRAY_BUFFER, 1); 这行是错的，1不是有效的Buffer ID，应该用0解绑当前Buffer：

  // 替换原来的错误代码
  glBindBuffer(GL_ARRAY_BUFFER, 0);
  

• 顶点属性启用时机错误：你在渲染循环里只启用了顶点属性0（位置），但没启用属性2（实例化偏移），而且纹理属性1的启用逻辑放在了绘制之后，完全不起作用。调整渲染循环里的顶点属性处理：

  while (!glfwWindowShouldClose(window)) {
      glClearColor(0.0f / 255.0f, 170.0f / 255.0f, 204.0f / 255.0f, 0.0f);
      glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
      glUseProgram(programID);
  
      // 启用所有需要的顶点属性
      glEnableVertexAttribArray(0); // 顶点位置
      glBindBuffer(GL_ARRAY_BUFFER, vertexbuffer);
      glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 0, (void*)0 );
  
      glEnableVertexAttribArray(1); // UV坐标
      glBindBuffer(GL_ARRAY_BUFFER, texturebuffer);
      glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 0, (void*)0 );
  
      glEnableVertexAttribArray(2); // 实例化偏移（初始化时已配置指针，只需启用）
  
      computeMatricesFromInputs();
      glm::mat4 ProjectionMatrix = getProjectionMatrix();
      glm::mat4 ViewMatrix = getViewMatrix();
      glm::mat4 ModelMatrix = glm::mat4(1.0);
      glm::mat4 MVP = ProjectionMatrix * ViewMatrix * ModelMatrix;
      GLuint MatrixID = glGetUniformLocation(programID, "MVP");
      glUniformMatrix4fv(MatrixID, 1, GL_FALSE, &MVP[0][0]);
  
      // 绘制4个实例（用cubeAmount更易维护）
      glDrawArraysInstanced(GL_TRIANGLES, 0, 12 * 3, cubeAmount);
  
      // 禁用顶点属性
      glDisableVertexAttribArray(0);
      glDisableVertexAttribArray(1);
      glDisableVertexAttribArray(2);
  
      glfwSwapBuffers(window);
      glfwPollEvents();
  }
  

3. 优化立方体间距（可选） #

你原来的偏移计算translation.x = (float)x / 10.0f会让立方体之间重叠，若想让它们完全分开，可以调整偏移量：

translation.x = (float)x * 2.2f; // 2是立方体边长，0.2是额外间距

完成这些修改后，你就能看到4个沿X轴排列的立方体了。

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