Published on
placeholder Naming of the matrices in three.js preview

Most of the books on computer graphics include a scheme of the OpenGL/WebGL transformation pipeline. There are four fundamental transforms in it - a model transform, a view transform, a projection transform and a viewport transform. When I started learning three.js I was confused, because it uses several naming conventions at once. It’s really hard to understand who is who, especially for beginner. I painted this diagram to explain to myself what names have matrices in CG theory, what names three.js passes to the shaders and what names we have in javascript for the same matrices. I hope this cheat sheet will be helpful not for me only.

Pet projects

placeholder Muilessium preview
16  2  10k+

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.