Question

请考虑以下代码示例。

Float32List positions = Float32List.fromList([
    0.0, 1.0,
    -1.0, -1.0,
    1.0, -1.0
]);

gl.bindBuffer(WebGL.ARRAY_BUFFER, gl.createBuffer());
gl.bufferData(WebGL.ARRAY_BUFFER, positions, WebGL.STATIC_DRAW);

Uint32List indices = Uint32List.fromList([
    0, 1, 2
]);

gl.bindBuffer(WebGL.ELEMENT_ARRAY_BUFFER, gl.createBuffer());
gl.bufferData(WebGL.ELEMENT_ARRAY_BUFFER, indices);

var a_pos = gl.getAttribLocation(shaderProgram, "a_pos");

gl.vertexAttribPointer(a_pos, 3, WebGL.FLOAT, false, 0, 0);
gl.enableVertexAttribArray(a_pos);

gl.clearColor(0.5, 0.5, 0.5, 1.0);
gl.clear(WebGL.COLOR_BUFFER_BIT);

gl.drawElements(WebGL.TRIANGLES, indices.length, WebGL.UNSIGNED_SHORT, 0);

放弃画布，上下文，着色器等的常规设置，方法drawElements不起作用。屏幕上什么都没有显示。

为了进行健全性检查，我还编写了没有元素数组缓冲区的这段代码，而是使用drawArrays绘制了三角形。使用drawArrays时，三角形将按预期显示。这告诉我着色器代码应该没有问题。

我在这里想念什么？

Answer 1

如果元素数组的类型为Uint32List，则draw命令必须使用类型UNSIGNED_INT。请注意，UNSIGNED_SHORT表示16位无符号整数的元素数组，UNSIGNED_INT表示32位无符号整数的数组。

gl.drawElements(WebGL.TRIANGLES, indices.length, WebGL.UNSIGNED_INT, 0);

WebGL drawElements不绘制任何内容

1 个答案: