VBO - 绘制具有不同颜色的多个元素

Question

我试图在OpenGL中使用顶点缓冲区对象绘制两个四边形。它们应该用不同的颜色绘制。如您所见，第一个四边形有一个红色，绿色，蓝色和黄色顶点。第二个四边形有不同的颜色，但问题是它们的第二个四边形被绘制成完全黄色。这是我的代码：

GLfloat vertices[24] = {10.0, 10.0, 0.0,  10.0, -10.0, 0.0,  -10.0, -10.0, 0.0,  -10.0, 10.0, 0.0,
                        20.0, 20.0, 0.0,  20.0, 10.0, 0.0,    10.0, 10.0, 0.0,    10.0, 20.0, 0.0 };    
glBindBuffer(GL_ARRAY_BUFFER, buffer);
glBufferData(GL_ARRAY_BUFFER, sizeof(GLfloat) * 24, vertices, GL_STATIC_DRAW);
glBindBuffer(GL_ARRAY_BUFFER, 0);

GLfloat colors[24] = {1.0, 0.0, 0.0,  0.0, 1.0, 0.0,  0.0, 0.0, 1.0,  1.0, 1.0, 0.0,
                      0.5, 0.5, 0.5,   0.7, 0.2, 1.0,  0.2, 1.0, 0.7,  0.8, 0.0, 0.45 };
glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, colorBuffer);
glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(GLfloat) * 24, colors, GL_STATIC_DRAW);
glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0);


glEnableClientState(GL_VERTEX_ARRAY);
glBindBuffer(GL_ARRAY_BUFFER, buffer);
glVertexPointer(3, GL_FLOAT, 0, 0);

glEnableClientState(GL_COLOR_ARRAY);
glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, colorBuffer);
glColorPointer(3, GL_FLOAT, 0, 0);

glDrawArrays(GL_QUADS, 0, 8);

这是四边形的绘制方式：

第二个四边形是右上角的一个。它应该是多色的，但它是使用颜色缓冲区的第4个元素绘制的。我该怎么做才能解决它？

Answer 1

请参阅OpenGL 2.1 Reference Pages; glColorPointer：

  

glColorPointer指定渲染时要使用的颜色分量数组的位置和数据格式。 ...

     

如果在指定颜色数组时将非零命名缓冲区对象绑定到GL_ARRAY_BUFFER目标，则将指针视为缓冲区对象的数据存储中的字节偏移量。

在您的代码中buffer绑定到目标GL_ARRAY_BUFFER;

glBindBuffer(GL_ARRAY_BUFFER, colorBuffer);

然后colorBuffer绑定到目标GL_ELEMENT_ARRAY_BUFFER并定义颜色数组：

glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, colorBuffer);
glColorPointer(3, GL_FLOAT, 0, 0);

由于buffer此时仍然与目标GL_ARRAY_BUFFER绑定，glColorPointer使用buffer。这会导致顶点坐标被视为颜色，这就是您在渲染中可以看到的内容。

要解决此问题，您必须将colorBuffer绑定到目标GL_ARRAY_BUFFER：

glBindBuffer(GL_ARRAY_BUFFER, colorBuffer);