Moving Shapes

Rotations, order and pivots

An interactive lesson with 6 steps, about 5 minutes: you predict, drag and solve, with instant feedback on every answer. It runs in your browser and needs JavaScript.

What you’ll learn

• Transformations apply one rule to every vertex: translate, scale, rotate.
• To rotate about a pivot c: move by −c, rotate, move by +c.
• Order matters: transformations don’t usually commute.

Steps

1. Every vertex, the same rule
2. Fit the outline
3. A quarter turn
4. Spin in place
5. Order matters
6. Spinning sprite