Estoy construyendo un motor de gráficos 2d usando webgl, JavaScript y HTML, quería que la biblioteca de gráficos gl-Matrix.js hiciera transformaciones, así que descargué el archivo zip de la biblioteca lg-Matrix de su sitio web https://glmatrix.net y extraje en una carpeta llamada lib en mi proyecto. No olvidé agregar el archivo .js al archivo HTML usando una script tag
<script type="text/javascript" src="src/lib/toji-gl-matrix-0bca31a/dist/gl-matrix.js"></script> Luego llamo a algunas funciones lg-Matrix de la siguiente manera.
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 es una función que dibuja un cuadrado blanco en el medio del lienzo. También aplica las transformaciones dadas.
El problema es que la consola de JavaScript en el navegador imprime el mensaje de error mencionado en el título. Dice que mat4 no está definido.
Oye, acabo de descubrir que el problema se puede resolver usando glMatrix.mat4.create() en lugar de simplemente usar mat4.create() . Es lo mismo para cualquier otra función.