2. 2D Transformations

2D geometric transformations alter the position, orientation, or size of shapes in a coordinate plane. They are typically represented using $3 \times 3$ matrices for ease of concatenation through homogeneous coordinates.

2D transformations are procedures that change the way shapes are displayed on a 2D coordinate plane. The transformations can include moving shapes to different positions (translation), resizing shapes (scaling), changing their orientation (rotation), and flipping them over a line (reflection). To make these transformations more efficient and mathematically manageable, they are expressed using 3x3 matrices, which are special arrays of numbers that enable easy combination of multiple transformations.

Think of a 2D transformation as adjusting a paper cut-out on a table. You can slide the cut-out to a different spot (translation), make it larger or smaller (scaling), turn it to face a different direction (rotation), or flip it over (reflection). Just as you might stack multiple cut-outs to create a complex design, we can stack multiple transformation matrices to create intricate patterns on the coordinate plane.

a. Translation Moves a point by a specified distance in $x$ and $y$. Transformation Matrix: Applied as:

Translation is a transformation that shifts a point or shape from one location to another on the coordinate plane. It does this by adding a specified distance to the 'x' and 'y' coordinates of the point. The transformation is represented using a translation matrix, and applying this matrix involves multiplying it by the coordinate vector of the point or shape.

Imagine you have a toy car on a grid marked with squares. If you want to move the car two squares to the right and one square up, translation is like applying that movement directly to the car's current position. The new position is determined simply by adding the distances to the car's original coordinates.

b. Scaling Alters the size of an object relative to the origin.

Scaling is a transformation that resizes an object either to make it bigger or smaller while keeping its shape intact. Scaling can be uniform, where the object is resized equally in both the x and y directions, or non-uniform, which changes the size differently in the two dimensions. The scaling process is represented using a scaling matrix, and similar to translation, it involves matrix multiplication with the object's coordinates.

Think of scaling like adjusting the size of a photograph. If you want to make a photo twice as large, you would stretch it equally on all sides (uniform scaling). Conversely, if you only widened it while keeping the height the same (non-uniform scaling), you'd end up with a panoramic effect. In both cases, the photo's position would remain the same, with only its size changing.

c. Rotation Rotates a point by angle $\theta$ about the origin.

Rotation is a transformation that turns a point or shape around a specific point, commonly the origin of the coordinate system, by a certain angle, denoted by theta (θ). The mathematical representation involves using a rotation matrix that incorporates trigonometric functions to determine the new coordinates of the point after the rotation.

Imagine a clock face with its hands moving around the center. The way the minute hand turns to show different times is similar to rotation. If you think of each point on the clock as a part of the shape, when the minute hand rotates, each of those points moves around the center (the origin) by a certain angle. This concept is essential in many applications, from animations to graphics.

d. Reflection Reflects a point over a specified axis. Over x-axis: Over y-axis:

Reflection is a transformation that produces a mirror image of a point or shape across a specified line, known as the axis of reflection. Common axes are the x-axis and y-axis in a 2D plane. The coordinates of the reflected point are calculated based on the original point's position in relation to the axis.

Think of how your image appears in a mirror. If you stand in front of a mirror, your reflection appears on the other side of the mirror line. If you were to reflect yourself over the x-axis, your image would be upside down compared to your original position, just as points are flipped over the line in the coordinate plane.

--