Firefox 中的 WebGL VBO 错误

Question

我正在使用 Firefox 使用 WebGL 在 canvas 中呈现 3D 对象。我的代码以前是有效的，因此在 canvas 中显示了一个带纹理的对象。然而，在重新访问我的代码时，如果不做任何更改，对象将不会呈现并且浏览器控制台显示以下错误：

Error: WebGL: drawArrays: no VBO bound to enabled vertex attrib index 1!

它抱怨我的 drawScene() 函数中有一行，如下所示：

function drawScene() {
    gl.viewport(0, 0, gl.viewportWidth, gl.viewportHeight);
    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);

    mat4.perspective(90, gl.viewportWidth / gl.viewportHeight, 0.1, 100.0, pMatrix);

    mat4.identity(mvMatrix);

    mat4.translate(mvMatrix, [0.0, -0.5, -4.0]);
    mat4.rotate(mvMatrix, degToRad(xRot), [1, 0, 0]);
    mat4.rotate(mvMatrix, degToRad(yRot), [0, 1, 0]);

    gl.bindBuffer(gl.ARRAY_BUFFER, manVertexPositionBuffer);
    gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, manVertexPositionBuffer.itemSize, gl.FLOAT, false, 0, 0);

    gl.bindBuffer(gl.ARRAY_BUFFER, manVertexTextureBuffer);
    gl.vertexAttribPointer(shaderProgram.vertexTextureAttribute, manVertexTextureBuffer.itemSize, gl.FLOAT, false, 0, 0);

    gl.activeTexture(gl.TEXTURE0);
    gl.bindTexture(gl.TEXTURE_2D, manTexture);
    gl.uniform1i(gl.getUniformLocation(shaderProgram, "uSampler"), 0);

    setMatrixUniforms();
    gl.drawArrays(gl.TRIANGLES, 0, manVertexIndexBuffer.numItems);
}

错误引用的行是：

gl.drawArrays(gl.TRIANGLES, 0, manVertexIndexBuffer.numItems);

我有我的代码的旧版本，我知道它们一直在工作，但是在运行这些现在我遇到了同样的问题。

我代码的实时版本 link 是 here。任何帮助将不胜感激！

Answer 1

您的设置代码在哪里？您在哪里查找 shaderProgram.vertexPositionAttribute 和 shaderProgram.vertexTextureAttribute？它们在哪里启用？

该代码未显示。

我猜你没有正确查找它们。它曾经靠运气工作，但有些事情已经改变了。你的驱动程序，你的 GPU，你的机器。

Firefox 中的 WebGL VBO 错误

WebGL VBO error in Firefox

javascript

firefox

webgl

vbo