我有一个WebGL程序，应该使用索引缓冲区绘制三角形。使用自定义着色器，使用属性<add name="DomainDbContext"
connectionString="metadata=res://*/Entities.Entities.csdl|./Entities.Entities.ssdl|res://*/Entities.Entities.msl;provider=System.Data.SqlServerCe.4.0;provider connection string="Data Source=StraDaLB_DM.sdf""
providerName="System.Data.EntityClient" />
和a_position;分别用于顶点位置和顶点颜色。
相关的JavaScript代码：
a_color这根本不显示任何内容。但是，当删除颜色部分并将var gl = // initialized elsewhere
var vertexArray = new Float32Array( 3 * 3 ); // 3 vec3's
var vertexIndexArray = new Uint16Array( 3 ); // 3 vertices
var colorArray = new Float32Array( 1 * 4 ); // 1 vec4
var colorIndexArray = new Uint16Array( 3 ); // 3 vertices
// # Omitted: Fill buffers #
// -- Setup the GL buffers --
var vertexBuffer = setupGLArrayBuffer( vertexArray );
var vertexIndexBuffer = setupGLIndexBuffer( vertexIndexArray );
var colorBuffer = setupGLArrayBuffer( colorArray );
var colorIndexBuffer = setupGLIndexBuffer( colorIndexArray );
// -- "Link" buffers to shader attributes --
var aColor = gl.getAttribLocation( privateVariables.shaderProgram, "a_color" );
var aPosition = gl.getAttribLocation( privateVariables.shaderProgram, "a_position" );
gl.bindBuffer( gl.ARRAY_BUFFER, colorBuffer );
gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, colorIndexBuffer );
gl.vertexAttribPointer( aColor, 4, gl.FLOAT, false, 0, 0 );
gl.enableVertexAttribArray( aColor );
gl.bindBuffer( gl.ARRAY_BUFFER, vertexBuffer );
gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, vertexIndexBuffer );
gl.vertexAttribPointer( aPosition, 2, gl.FLOAT, false, 0, 0 );
gl.enableVertexAttribArray( aPosition );
// # Omitted: Setting up viewport etc. #
gl.drawElements( gl.TRIANGLES, 3, gl.UNSIGNED_SHORT, 0 );
属性设置为a_color时，它会起作用。 （没有自定义颜色，即）
所以，我认为它与索引引用的颜色缓冲区有关。
希望有人能说出这里出了什么问题，为什么会这样。
答案 0 :(得分：0)
元素数组缓冲区并不像您想象的那样工作。应该只有一个元素数组和多个数组缓冲区，每个缓冲区中的顶点数相同。因此，在您的情况下，您上传的数据不完整，因为您发送了3个位置顶点，但只有第一个顶点有颜色数据。
因此，var colorArray = new Float32Array( 1 * 4 );应为new Float32Array(3 * 4);