Q2Computer Graphics and Multimedia

In high-performance Computer Graphics, manipulating the physical position, rotation, and size of a geometric polygon is not achieved by looping through raw coordinate equations. To leverage the massive parallel processing power of GPU architecture, all physical geometric changes must be mathematically formalized as pure Matrix Multiplications. Because standard Cartesian matrices cannot mathematically represent linear translation (shifting) via multiplication, graphics engines aggressively employ a 3-dimensional mathematical space known as Homogeneous Coordinates, physically expanding standard $(x,y)$ coordinates into a $3\times 1$ column vector $(x,y,1)$.

Below is the rigorous mathematical derivation of the five absolute fundamental 2D transformations.

1. Translation (Positional Translocation)

Translation violently shifts a physical object along a rigid vector. A vertex $(x,y)$ is physically moved to $(x^{\prime },y^{\prime })$ by aggressively adding distance variables $T_x$ and $T_y$. The Homogeneous Translation Matrix $T$ perfectly simulates this addition via multiplication:

$$\left[\begin{array}{c}{x}^{\prime }\\ y^{\prime }\\ 1\end{array}\right]=\left[\begin{array}{ccc}1& 0& T_x\\ 0& 1& T_y\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}x\\ y\\ 1\end{array}\right]$$

2. Scaling (Volumetric Distortion)

Scaling mathematically forces an object to expand or contract. The vertices are violently multiplied by scaling coefficients $S_x$ and $S_y$. If $S_x=S_y$, the scaling is mathematically uniform. If $S>1$, the object physically inflates; if $0<S<1$, it physically deflates. The Scaling Matrix $S$ is defined as:

$$\left[\begin{array}{c}{x}^{\prime }\\ y^{\prime }\\ 1\end{array}\right]=\left[\begin{array}{ccc}{S}_x& 0& 0\\ 0& S_y& 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}x\\ y\\ 1\end{array}\right]$$

3. Rotation (Angular Displacement)

Rotation geometrically spins an object around the absolute origin $(0,0)$ by a specific mathematical angle $\theta$. This requires the violent application of trigonometric identities. A positive $\theta$ strictly implies counter-clockwise physical rotation. The Rotation Matrix $R(\theta )$ is:

$$\left[\begin{array}{c}{x}^{\prime }\\ y^{\prime }\\ 1\end{array}\right]=\left[\begin{array}{ccc}\cos \theta & -\sin \theta & 0\\ \sin \theta & \cos \theta & 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}x\\ y\\ 1\end{array}\right]$$

4. Reflection (Geometric Mirroring)

Reflection executes a 180-degree mathematical flip of the object across a designated axis, creating an absolute physical mirror image. To reflect aggressively across the X-axis, the Y-coordinates must be violently inverted (multiplied by $-1$).

Reflection Matrix across X-Axis: $$\left[\begin{array}{c}{x}^{\prime }\\ y^{\prime }\\ 1\end{array}\right]=\left[\begin{array}{ccc}1& 0& 0\\ 0& -1& 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}x\\ y\\ 1\end{array}\right]$$

5. Shearing (Structural Skew)

Shearing mathematically distorts the physical shape of an object, aggressively slanting it along one axis while the other axis remains perfectly stable, effectively turning physical rectangles into skewed parallelograms. An X-shear utilizes a constant $S{H}_x$ to violently shift the X coordinates based directly on their Y position ($x^{\prime }=x+S{H}_x\cdot y$).

X-Shear Matrix: $$\left[\begin{array}{c}{x}^{\prime }\\ y^{\prime }\\ 1\end{array}\right]=\left[\begin{array}{ccc}1& S{H}_x& 0\\ 0& 1& 0\\ 0& 0& 1\end{array}\right]\left[\begin{array}{c}x\\ y\\ 1\end{array}\right]$$

Composite Transformations

The absolute genius of Homogeneous Coordinates is that if an engineer wants to Scale, then Rotate, then Translate an object, they do NOT execute three separate coordinate calculations. They simply mathematically multiply the three matrices together into a single, massive Master Matrix ($M=T\cdot R\cdot S$). The GPU then aggressively multiplies the millions of vertices by this singular Master Matrix, achieving catastrophic execution speed.