02 · Transformations and their order

The same three matrices, multiplied in a different order, put the shape somewhere else. Faded copies show every intermediate product. Companion to notes/04.

Reading the picture

The code builds model = I · A · B · C one factor at a time, exactly like model = model.times(X). Each faded F is drawn with one of the partial products. Read the product right to left to follow the object through fixed world axes, or left to right to follow a coordinate frame that each step moves. Red and green arrows are the local x and y axes.