WebGL drawElements不绘制任何内容

时间:2018-10-21 19:01:47

标签: dart webgl

请考虑以下代码示例。

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时,三角形将按预期显示。这告诉我着色器代码应该没有问题。

我在这里想念什么?

1 个答案:

答案 0 :(得分:0)

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

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