Assignment 0: Visualizing 2D Linear Transforms

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. There is also a blue vector that you can control. The left canvas will show the blue vector before transformation by M, and the right canvas will show it after.

Input Scene

Transformed Scene

Undefined