Transformations

Study Sheet

Transformations

Slides, flips, turns, and resizes on the coordinate plane

Transformation Vocabulary

Concept

A transformation moves or changes a figure according to a rule.

  • Pre-image: the original figure (points AA, BB, CC).
  • Image: the new figure after the transformation (points AA', BB', CC', read “AA prime”).
  • Mapping: the pairing of each pre-image point with its image point. We write AAA \to A'.
  • Rigid motion (also called an isometry): a transformation that keeps the same size and shape. Translations, reflections, and rotations are rigid.
  • Non-rigid transformation: changes the size. A dilation is non-rigid.
Example

A rigid motion moves triangle ABCABC to triangle ABCA'B'C' without stretching it. Every side keeps its length and every angle keeps its measure, so the two triangles are congruent.

Tip

Tip: If you can slide, flip, or turn a figure onto its image, the two are congruent. If you must also grow or shrink it, they are only similar.

Translations (Slides)

Concept
xy

A translation slides every point the same distance in the same direction. If you move aa units horizontally and bb units vertically:

(x,y)(x+a,  y+b).(x,y) \to (x+a,\; y+b).

The pair a,b\langle a,b\rangle is the translation vector. Positive aa is right, negative is left; positive bb is up, negative is down.

A translation slides.

Example

Translate triangle A(1,1)A(1,1), B(4,1)B(4,1), C(1,3)C(1,3) by the rule (x,y)(x+2,y+1)(x,y)\to(x+2,\,y+1).

A(3,2),B(6,2),C(3,4).A'(3,2),\quad B'(6,2),\quad C'(3,4).
Tip

Tip: “Right/left” changes only xx; “up/down” changes only yy. A slide never turns or flips the figure.

Reflections (Flips)

Concept
xy

A reflection flips a figure over a line of reflection, producing a mirror image. Coordinate rules:

over the x-axis:(x,y)(x,y)over the y-axis:(x,y)(x,y)over y=x:(x,y)(y,x)over y=x:(x,y)(y,x)\begin{aligned} \text{over the } x\text{-axis:} &\quad (x,y)\to(x,\,-y)\\ \text{over the } y\text{-axis:} &\quad (x,y)\to(-x,\,y)\\ \text{over } y=x: &\quad (x,y)\to(y,\,x)\\ \text{over } y=-x: &\quad (x,y)\to(-y,\,-x) \end{aligned}

A reflection flips across a line.

Example

Reflect triangle A(1,1)A(1,1), B(4,1)B(4,1), C(1,3)C(1,3) over the xx-axis using (x,y)(x,y)(x,y)\to(x,-y).

A(1,1),B(4,1),C(1,3).A'(1,-1),\quad B'(4,-1),\quad C'(1,-3).
Example

Reflect P(3,5)P(3,5) over the line y=xy=x using (x,y)(y,x)(x,y)\to(y,x): the coordinates swap, giving P(5,3)P'(5,3). Over y=xy=-x, the rule (x,y)(y,x)(x,y)\to(-y,-x) gives P(5,3)P''(-5,-3).

Tip

Tip: A point on the line of reflection does not move. Watch the signs: over the xx-axis only yy changes sign; over the yy-axis only xx changes sign.

Rotations (Turns) About the Origin

Concept
xy

A rotation turns a figure about a fixed point (the center). Rotating counterclockwise about the origin:

90:(x,y)(y,x)180:(x,y)(x,y)270:(x,y)(y,x)\begin{aligned} 90^\circ: &\quad (x,y)\to(-y,\,x)\\ 180^\circ: &\quad (x,y)\to(-x,\,-y)\\ 270^\circ: &\quad (x,y)\to(y,\,-x) \end{aligned}

A 9090^\circ clockwise turn equals a 270270^\circ counterclockwise turn (and vice versa). A 180180^\circ turn is the same either direction.

A rotation turns about a point.

Example

Rotate triangle A(1,1)A(1,1), B(4,1)B(4,1), C(1,3)C(1,3) by 9090^\circ counterclockwise using (x,y)(y,x)(x,y)\to(-y,x).

A(1,1),B(1,4),C(3,1).A'(-1,1),\quad B'(-1,4),\quad C'(-3,1).
Tip

Tip: For 9090^\circ turns, swap the coordinates first, then fix signs. Counterclockwise is the positive direction in math.

Compositions of Transformations

Concept

A composition applies one transformation and then another, in order. Do the first transformation, write the image, then apply the second transformation to that image.

Example

Reflect (1,2)(1,2) over the xx-axis, then translate by (x,y)(x+3,y)(x,y)\to(x+3,y).

Step 1 (reflect):(1,2)(1,2)Step 2 (translate):(1,2)(4,2)\begin{aligned} \text{Step 1 (reflect):} &\quad (1,2)\to(1,-2)\\ \text{Step 2 (translate):} &\quad (1,-2)\to(4,-2) \end{aligned}

The final image is (4,2)(4,-2).

Example

Two reflections over the xx-axis and then the yy-axis have the same effect as one 180180^\circ rotation about the origin, because (x,y)(x,y)(x,y)(x,y)\to(x,-y)\to(-x,-y).

Tip

Tip: Order matters! Reflecting then rotating usually gives a different image than rotating then reflecting. Always finish step 1 completely before starting step 2.

Dilations (Resizing) About the Origin

Concept

A dilation centered at the origin multiplies every coordinate by the same scale factor kk:

(x,y)(kx,ky).(x,y)\to(kx,\,ky).
  • k>1k>1: an enlargement (the figure grows).
  • 0<k<10<k<1: a reduction (the figure shrinks).
  • k=1k=1: the figure is unchanged.

A dilation is not a rigid motion, but it keeps the same shape, so the image is similar to the pre-image.

Example

Dilate triangle A(1,1)A(1,1), B(2,1)B(2,1), C(1,2)C(1,2) by scale factor k=2k=2 using (x,y)(2x,2y)(x,y)\to(2x,2y).

A(2,2),B(4,2),C(2,4).A'(2,2),\quad B'(4,2),\quad C'(2,4).
Tip

Tip: The scale factor of the lengths is kk, but the area scales by k2k^2. Doubling the sides (k=2k=2) makes the area 44 times as large.

Symmetry

Concept

Line (reflectional) symmetry: a figure has line symmetry if a reflection over some line maps the figure exactly onto itself. That line is a line of symmetry.

Rotational symmetry: a figure has rotational symmetry if a rotation of less than 360360^\circ about its center maps it onto itself. The order is how many times it matches in one full turn; the angle of rotation is 360÷order360^\circ \div \text{order}.

Example

A regular hexagon has 66 lines of symmetry. Its rotational symmetry has order 66, with smallest angle 360÷6=60360^\circ\div 6 = 60^\circ.

Example

A square has 44 lines of symmetry (two diagonals and two through opposite side midpoints) and rotational symmetry of order 44 (9090^\circ). A non-square rectangle has only 22 lines of symmetry and rotational symmetry of order 22 (180180^\circ).

Tip

Tip: Every regular polygon with nn sides has exactly nn lines of symmetry and rotational symmetry of order nn.

Congruence vs. Similarity

Concept
Rigid Motions vs. Dilations
  • Rigid motions (translations, reflections, rotations, and their compositions) preserve size and shape. The image is congruent to the pre-image.
  • Dilations (scale factor k1k\ne 1) preserve shape but change size. The image is similar, but not congruent, to the pre-image.

Two figures are congruent if a sequence of rigid motions maps one onto the other. They are similar if a sequence of rigid motions and dilations does so.

Tip

Tip: Congruent \Rightarrow similar (with ratio 11), but similar does not always mean congruent. Ask: “Did the size change?” If yes, it is similar only.

Going Deeper: Advanced Transformations

Concept
Composing Two Reflections
xy

Reflecting twice in a row is always a single rigid motion. Which one depends on the two mirror lines:

  • Parallel mirrors \to a translation. The shift is perpendicular to the mirrors, in the direction from the first mirror to the second, and its distance is 2d2d, where dd is the gap between the mirrors.
  • Intersecting mirrors \to a rotation about the point where they cross. If the angle from the first mirror to the second is θ\theta, the rotation angle is 2θ2\theta (same turning direction).

Either way, two flips restore the original orientation, so the result is an “even” (direct) isometry.

A reflection flips across a line.

Example

Parallel mirrors give a translation. Reflect P(0,2)P(0,2) over the line x=1x=1, then over x=3x=3. The mirrors are d=2d=2 apart, so the net move is a translation of 2d=42d=4 units to the right.

Reflect over x=1:(0,2)(2,2)Reflect over x=3:(2,2)(4,2)\begin{aligned} \text{Reflect over } x=1: &\quad (0,2)\to(2,2)\\ \text{Reflect over } x=3: &\quad (2,2)\to(4,2) \end{aligned}

Net effect: (0,2)(4,2)(0,2)\to(4,2), i.e. (x,y)(x+4,y)(x,y)\to(x+4,y).

Example

Intersecting mirrors give a rotation. Reflect P(3,1)P(3,1) over the xx-axis, then over the line y=xy=x. These mirrors cross at the origin, and the angle from the xx-axis to y=xy=x is 4545^\circ, so the result is a rotation of 2(45)=902(45^\circ)=90^\circ about the origin.

Reflect over x-axis:(3,1)(3,1)Reflect over y=x:(3,1)(1,3)\begin{aligned} \text{Reflect over } x\text{-axis}: &\quad (3,1)\to(3,-1)\\ \text{Reflect over } y=x: &\quad (3,-1)\to(-1,3) \end{aligned}

Indeed (3,1)(1,3)(3,1)\to(-1,3) is exactly the 9090^\circ counterclockwise rule (x,y)(y,x)(x,y)\to(-y,x).

Concept
Rotations About Any Center & General Lines

Rotation about a center (a,b)(a,b): shift the center to the origin, rotate, then shift back.

(x,y)  subtract  (xa,yb)  rotate    add  (result).(x,y)\;\xrightarrow{\text{subtract}}\;(x-a,\,y-b)\;\xrightarrow{\text{rotate}}\;\cdots\;\xrightarrow{\text{add}}\;(\text{result}).

For a 9090^\circ counterclockwise turn about (a,b)(a,b) this collapses to

(x,y)(a(yb),    b+(xa)).(x,y)\to\bigl(a-(y-b),\;\; b+(x-a)\bigr).

Reflection over a general line y=mx+cy=mx+c: it still sends each point to the opposite side at equal perpendicular distance. A clean way is to compose known moves --- translate so the line passes through the origin, rotate the line onto the xx-axis, reflect over the xx-axis, then undo the rotation and translation.

Example

Rotate about a non-origin center. Rotate P(4,1)P(4,1) by 9090^\circ counterclockwise about the center O(2,1)O(2,1).

Subtract center:(4,1)(2,1)=(2,0)Rotate 90 (x,y)(y,x):(2,0)(0,2)Add center back:(0,2)+(2,1)=(2,3)\begin{aligned} \text{Subtract center:} &\quad (4,1)-(2,1)=(2,0)\\ \text{Rotate } 90^\circ\ (x,y)\to(-y,x): &\quad (2,0)\to(0,2)\\ \text{Add center back:} &\quad (0,2)+(2,1)=(2,3) \end{aligned}

So P(2,3)P'(2,3): the point swings a quarter turn around OO, not around the origin.

Concept
Transformations as Matrices (Preview)

Every rotation, reflection, and dilation about the origin can be written as multiplication by a 2×22\times 2 matrix acting on the column vector [xy]\begin{bmatrix}x\\y\end{bmatrix}:

Rotate 90 CCW:[0110]Reflect over x-axis:[1001]Reflect over y=x:[0110]Dilation, factor k:[k00k]\begin{aligned} \text{Rotate } 90^\circ\ \text{CCW}: &\quad \begin{bmatrix}0 & -1\\ 1 & 0\end{bmatrix} & \text{Reflect over } x\text{-axis}: &\quad \begin{bmatrix}1 & 0\\ 0 & -1\end{bmatrix}\\[2pt] \text{Reflect over } y=x: &\quad \begin{bmatrix}0 & 1\\ 1 & 0\end{bmatrix} & \text{Dilation, factor } k: &\quad \begin{bmatrix}k & 0\\ 0 & k\end{bmatrix} \end{aligned}

For example, the 9090^\circ rotation of (3,1)(3,1) is

[0110][31]=[13],\begin{bmatrix}0 & -1\\ 1 & 0\end{bmatrix}\begin{bmatrix}3\\ 1\end{bmatrix}=\begin{bmatrix}-1\\ 3\end{bmatrix},

matching (x,y)(y,x)(x,y)\to(-y,x). A translation is not linear, so it needs a separate added vector [ab]\begin{bmatrix}a\\ b\end{bmatrix} (or a 3×33\times 3 “homogeneous” matrix you will meet later). Composing transformations then corresponds to multiplying their matrices.

Concept
Glide Reflections

A glide reflection is a reflection over a line followed by a translation parallel to that line (the order does not matter). It is the fourth basic rigid motion of the plane, alongside translations, rotations, and reflections.

  • It reverses orientation (like a single reflection), so it is an “odd” isometry.
  • It has no fixed points and no fixed line pointwise --- the classic footprint pattern of a walking person is a glide reflection.

Here TT is reflected over the xx-axis and slid 22 units right to land on TT'.

Concept
Symmetry Groups & Order of Rotational Symmetry

The set of all rigid motions that map a figure onto itself forms its symmetry group.

  • Cyclic group CnC_n: only rotational symmetry --- nn rotations (including the 360360^\circ “do nothing”), and no lines of symmetry. A pinwheel or “S” shape is like this.
  • Dihedral group DnD_n: rotational and reflective symmetry --- nn rotations plus nn reflections, giving 2n2n symmetries in all.

A regular nn-gon has symmetry group DnD_n: order-nn rotational symmetry (smallest angle 360/n360^\circ/n) and nn lines of symmetry, for 2n2n total symmetries. An equilateral triangle is D3D_3 (66 symmetries); a square is D4D_4 (88 symmetries).

Tip

Dilation --- area & orientation: Under a dilation with scale factor kk, lengths scale by k|k|, areas scale by k2k^2, and angles are unchanged. When k>0k>0 orientation is preserved; a negative kk acts like a positive dilation of factor k|k| combined with a 180180^\circ rotation about the center, which also preserves orientation. So a dilation never produces a mirror image --- only a resized, similar copy.

Formulas, Proofs & Tips

Tip
Rigid motions in the plane
(x,y)(x+a,y+b),(x,y)(x,y),(x,y)(y,x) (90 CCW)(x,y)\to(x+a,\,y+b),\quad (x,y)\to(x,-y),\quad (x,y)\to(-y,x)\ (90^\circ\text{ CCW})

What it means. Translation, reflection in the xx-axis, and rotation about the origin.

Example. Reflecting (3,2)(3,2) over the xx-axis gives (3,2)(3,-2).

Why it works. Rotating 9090^\circ counter-clockwise sends the direction "right" to "up" and "up" to "left", i.e. (1,0)(0,1)(1,0)\to(0,1) and (0,1)(1,0)(0,1)\to(-1,0); applying that to (x,y)(x,y) gives (y,x)(-y,x).

Tip. Rigid motions preserve lengths and angles, so the image is congruent. Only dilations change size.