Real-Time 3D Graphics with WebGL 2 - Second Edition

JavaScript Matrices

The WebGL JavaScript API does not provide its own methods to perform operations on matrices. WebGL simply provides a way to pass matrices to the shaders (as uniforms). So, we need to use a JavaScript library that enables us to manipulate matrices in JavaScript. In this book, we have used glMatrix for all matrix operations. However, there are other libraries available online that can do this for you.

glMatrix We used glMatrix for all matrix operations in this book. You can find more information about this library at https://github.com/toji/gl-matrix.

Here are some of the operations that you can perform with glMatrix:

Operation	Syntax	Description
Creation	const m = mat4.create();	Creates the m matrix.
Identity