我正在使用 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);
我有旧版本的代码,我知道这些代码一直在工作,但现在运行这些版本时我遇到了同样的问题。
我的代码的实时版本的链接是 here 。任何帮助将不胜感激!
最佳答案
你的设置代码在哪里?您在哪里查找 shaderProgram.vertexPositionAttribute
和 shaderProgram.vertexTextureAttribute
?它们在哪里启用?
该代码未显示。
我的猜测是您没有正确查找它们。过去靠运气就能成功,但现在情况发生了变化。您的驱动程序、您的 GPU、您的机器。
关于javascript - Firefox 中的 WebGL VBO 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28490041/