✨ Transformations Explorer

Translate, Rotate, Reflect, and Dilate the shape! Watch the "pre-image" move and see how the exact (x, y) coordinates update dynamically.

Point A'
(2, 2)
Point B'
(6, 2)
Point C'
(2, 6)
Translate X
0
Translate Y
0
Rotate (°)
Scale (Dilate)
1x

🧠 How coordinates change

  • Translation: Sliding the shape adds or subtracts from the coordinates. (x + a, y + b)
  • Reflection: Flipping across the X-axis negates the Y coordinate (x, -y). Flipping across the Y-axis negates the X coordinate (-x, y).
  • Dilation: Shrinking or growing multiplies both coordinates by the scale factor. (x * k, y * k)
  • Rotation: Turning the shape pivots it around the origin (0,0), creating entirely new coordinates based on sine and cosine math!