未捕获的 ReferenceError：即使下载了 gl-Matrix 库，也未定义 mat4

Question

我正在使用 webgl、JavaScript 和 HTML 构建一个 2d 图形引擎，我希望 gl-Matrix.js 图形库进行转换，所以我从他们的网站 https://glmatrix.net 下载了 lg-Matrix 库 zip 文件并将其解压缩进入我项目中名为lib 的文件夹。我没有忘记使用script tag 将.js 文件添加到HTML 文件中

<script type="text/javascript" src="src/lib/toji-gl-matrix-0bca31a/dist/gl-matrix.js"></script>

然后我调用一些lg-Matrix函数如下。

    var xform = mat4.create();
    mat4.translate(xform, xform, vec3.fromValues(-0.25, 0.25, 0.0));
    mat4.rotateZ(xform, xform, 0.2); 
    mat4.scale(xform, xform, vec3.fromValues(1.2, 1.2, 1.0));
    
    this.mWhiteSq.draw(xform);

this.mWhiteSq 是一个在画布中间绘制一个白色方块的函数，它也应用给定的转换。

问题是浏览器中的 JavaScript 控制台打印了标题中提到的错误消息。它说 mat4 没有定义。

Answer 1

嘿，我刚刚发现问题可以通过使用glMatrix.mat4.create() 而不是仅仅使用mat4.create() 来解决。其他所有功能都是一样的。