The fundamental mathematical structures used in graphics programming are the vector and the matrix. In this introduction, we'll go over fundamental vector and matrix operations and how they apply to graphics programming. The goal here is to provide a visual and interactive means of understanding these concepts. Each topic will have a demo that you can interact with, which allows you to see how the underlying math controls the visual elements in the demo. Each topic also attempts to build off the previous, so there is a natural progression from simple 2D vectors to full fledged 3D matrix transformations.
This graphics pipeline roughly represents how things are rendered to your computer screen. Geometry is made up of a set of vectors, which is then moved around in space and then rendered with some kind of shading on your screen. The math that we'll be going over will touch on all three of these topics, though the focus will be on transformations.