无法在WebGL TRIANGLE_STRIP中获取第4个向量

Question

我正在尝试使用WebGL，我可以在this plunker中渲染一个三角形。现在我试着通过改变......来使它成为一个完整的正方形。

//This...
this.triangleVertexPositionBuffer.numItems = 3;
// ...
this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, this.triangleVertexPositionBuffer.numItems);
// To this..
this.triangleVertexPositionBuffer.numItems = 4;

这对我来说应该只是一个正方形，然而，三角形完全消失。我也收到以下警告......

GL ERROR :GL_INVALID_OPERATION : glDrawArrays: attempt to access out of range vertices in attribute 1

我在这里缺少什么？

Answer 1

您还需要为第四个顶点添加颜色属性。