Below is an example of what a completed Assignment 0 looks like.
You will see two windows: the left window represents a 2D scene, and the right represents what we would get if we transformed every point in that scene by some matrix M. We can control the matrix M in three ways. The first is by modifying its entries directly in the grid of boxes below. The second is by editing individual entries with their corresponding sliders. And the third is by directly setting column vectors in the canvas. To do this, click in one of the two rendered canvases while holding down the "x" or "y" key on your keyboard. The "x" key will control the first column of the matrix, and the "y" key will control the second column.
The red vector represents the unit x vector *after* the transformation, and the green vector represents the unit y vector after transformation. The blue vector controls the third column of our affine matrix, which represents translation.