ConfPad

Graphics programming is more accessible than ever, thanks to the ubiquity of WebGL and popular frameworks that handle the boilerplate stuff. But for many of us, as soon as we see “projection matrix” (or worse, “linear algebra”) we panic. But it turns out the matrix is nothing to fear! With the help of some fun visualization tools we’ll learn all about what matrix transformations actually mean on your screen. You’ll leave empowered with a better understanding of how to translate any kind of 3D scene onto a 2D screen in JavaScript, so that you can start writing new WebGL visualizations faster than you can say mat4.scale(...).translate(...).rotateX(...) .rotateZ(...).translate(...).scale(...).invert()...