As part of a fellowship with MDN in 2016, I wrote content around the use of the model, view, and projection matrix for WebGL code. This article explores how to take data within a WebGL project, and project it into the proper spaces to display it on the screen. It assumes a knowledge of basic matrix math using translation, scale, and rotation matrices. It explains the three core matrices that are typically used when composing a…

As part of a fellowship with MDN in 2016, I wrote content around the use of matrix math, but with a web content spin. Matrices can be used to represent transformations of objects in space, and are used for performing many key types of computation when constructing images and visualizing data on the Web. This article explores how to create matrices and how to use them with CSS transforms and the matrix3d transform type. While this article…