Vertex Vault Slides GEOMETRIC_ENGINE.V1
Vertex Vault
Representing Geometry with Matrix Data
Pixels to Matrices
How does a video game remember the shape of a character?
It's not just an image—it's a collection of coordinates stored in a structure that math can manipulate easily.
// ENGINE_LOG
Today: We turn shapes into data arrays.
SHAPE_DATA
The Vertex Matrix
A Vertex Matrix stores the coordinates of a polygon's corners (vertices).
The Points
A: (1, 2)
B: (4, 5)
C: (6, 1)
The Matrix
[
1
4
6
2
5
1
]
A B C
The Rules of the Vault
1
Rows define Dimensions
Top Row = x-coordinates
2
Columns define Points
Each column represents one corner of your shape.
3
Matrix Size
For a triangle, we use a 2 × 3 matrix.
// TEMPLATE
[
x1 x2 xn
y1 y2 yn
]
System Check 01
Look at the shape on your worksheet. Write down its vertex matrix. Then, we'll see how changing just one number changes the "Blueprint."
READY FOR UPLOAD...
Vertex Blueprint Worksheet Vertex Blueprint
System Initialization // Module 01
OPERATOR:
TIMESTAMP:
01
Coordinate Extraction
A(2, 2) B(8, 2) C(5, 8)
SOURCE_SHAPE: ALPHA_1
The diagram to the left shows a triangle with three vertices. Extract the coordinates and construct the Vertex Matrix [V].
Vertex Matrix [V]
[
]
A B C
02
Rendering from Data
The following matrix represents a quadrilateral (a 4-sided polygon). Map these coordinates onto the grid below and draw the resulting shape.
Input_Matrix [Q]
[
1
7
7
1
2
2
6
6
]
Y-AXIS
X-AXIS
03
System Debugging
Challenge: Variable Mutation
"If you add +5 to every element in the first row of your matrix, what happens to the shape's visual output?"
Slide and Stretch Slides SYSTEM_OPERATION.TRANSLATE_SCALE
Slide & Stretch
Addition and Scalar Multiplication in Geometry
The Slide (Translation)
To move a shape without changing its size or orientation, we use Matrix Addition.
// ALGORITHM
[Vertex Matrix] + [Translation Matrix]
Note: The translation matrix must have the same dimensions as the vertex matrix.
[V] +
[
hhh
kkk
]
"Move everything h units right and k units up."
Visualizing the Sum
POINT (2, 3) + SHIFT (4, -1)
[ 2 ] + [ 4 ] = [ 6 ]
[ 3 ] + [ -1 ] = [ 2 ]
Every vertex in the polygon follows the same rule. The entire shape "slides" as one unit.
The Stretch (Dilation)
To grow or shrink a shape, we use Scalar Multiplication.
// LOGIC
k · [Vertex Matrix]
If k > 1: The shape grows (Enlargement)
If 0 < k < 1: The shape shrinks (Reduction)
If k is negative: The shape flips through the origin!
2 ×
[
14
23
]
=
[
28
46
]
OUTPUT: 200%_SCALE
The Zoom Logic
When you pinch-to-zoom on your phone, the graphics engine isn't just "stretching an image." It is performing scalar multiplication on millions of vertex matrices in real-time.
k = 0.5
Zoom Out
k = 2.0
Zoom In
Transformation Lab Worksheet Transformation Lab
Protocol 02: Add & Scale
Unit: Matrix Geometry
Name:
LAB_01
Spatial Translation
Objective: Translate the polygon [P] using the shift vector defined in matrix [T].
[P] ORIGIN
[
1
4
2
2
3
6
]
[T] SHIFT
[
5
5
5
-3
-3
-3
]
Resulting Matrix [P']
[
]
Show your calculations for each vertex above.
Visual Verification
Plot [P'] on this grid.
LAB_02
Scalar Dilation
Multiply the vertex matrix [S] by the scalar factor k = 2.5. Predict what will happen to the shape's area before you calculate.
Input: [S]
2.5 × [
2
6
0
4
]
Output: [S']
Logic Check
A student multiplies a vertex matrix by a scalar k = -1. Describe what happens to the shape visually on a coordinate plane.
LAB_03
Operational Sequence
Complete the sequence: Scale by 0.5, then translate by (+2, +4).
[V]
0.5 [V]
Result
Calculation Space 01
Calculation Space 02
Flip and Spin Slides SYSTEM_OPERATION.MULTIPLY_TRANSFORM
Flip & Spin
Rotations and Reflections via Matrix Multiplication
The Power of the Multiplier
Unlike addition (which slides) or scalar mult (which zooms), Matrix Multiplication can completely reorient a shape.
// THE FORMULA
[T] × [V] = [V']
Where [T] is the 2×2 Transformation Matrix and [V] is the Vertex Matrix.
Order Matters!
TRANSFORM × SHAPE
The transformation matrix always goes on the LEFT.
Mirror Matrices
Over x-axis
[
10
0-1
]
Flipped Vertical
Over y-axis
[
-10
01
]
Flipped Horizontal
Over y = x
[
01
10
]
Swap Coordinates
Spin Matrices (CCW)
90° Rotation
(x, y) → (-y, x)
[ 0 -1 ]
180° Rotation
(x, y) → (-x, -y)
[ -1 0 ]
CENTRAL_ORIGIN_ROTATION
Applying the Force
90° Matrix
[ 0 -1 ]
×
Point (3, 2)
[ 3 ]
=
Result (-2, 3)
[ -2 ]
Rows of the transform × Columns of the point.
Transformation Reference Sheet Transformation Cheat Sheet
Module: Vector Graphics Engine
Reflection Matrices
Reflection over x-axis
(x, y) → (x, -y)
\[ \begin{bmatrix} 1 & 0 \\ 0 & -1 \end{bmatrix} \]
Reflection over y-axis
(x, y) → (-x, y)
\[ \begin{bmatrix} -1 & 0 \\ 0 & 1 \end{bmatrix} \]
Reflection over line y = x
(x, y) → (y, x)
\[ \begin{bmatrix} 0 & 1 \\ 1 & 0 \end{bmatrix} \]
Reflection through origin
(x, y) → (-x, -y)
\[ \begin{bmatrix} -1 & 0 \\ 0 & -1 \end{bmatrix} \]
Rotation Matrices (CCW)
90° Rotation
(x, y) → (-y, x)
\[ \begin{bmatrix} 0 & -1 \\ 1 & 0 \end{bmatrix} \]
180° Rotation
(x, y) → (-x, -y)
\[ \begin{bmatrix} -1 & 0 \\ 0 & -1 \end{bmatrix} \]
270° Rotation
(x, y) → (y, -x)
\[ \begin{bmatrix} 0 & 1 \\ -1 & 0 \end{bmatrix} \]
360° (Identity Matrix)
(x, y) → (x, y)
\[ \begin{bmatrix} 1 & 0 \\ 0 & 1 \end{bmatrix} \]
Operational Order Protocol
To transform any vertex matrix \( V \), you must perform matrix multiplication in this specific order: \[ T \cdot V = V' \] where \( T \) is the 2×2 transformation matrix and \( V \) is your vertex matrix. Reversing the order will result in a dimension error or an incorrect rendering.
Point Reflection Test:
Multiply the point \( (4, -3) \) by the \( y \)-axis reflection matrix.
Point Rotation Test:
Multiply the point \( (1, 5) \) by the \( 90^\circ \) rotation matrix.
Matrix Mirror Worksheet Matrix Mirror
Verification Lab // CCW_SPIN_03
ENCODING_LEVEL: INTERMEDIATE
ID_CODE:
01
System Rotation
The vertex matrix for triangle T is shown below. Apply a 90° counter-clockwise rotation.
[V] = [
2
6
4
1
1
5
]
Show Matrix Multiplication [R] × [V]:
02
Reflection Paradox
A square has vertices at (1,1), (3,1), (3,3), and (1,3). Represent it as a matrix and multiply it by the Reflection Matrix over y = x.
Vertex Matrix [S]
Transformation [T]
Product [S']
"Comparing [S] to [S'], what happened to the coordinates? Did the square actually change position in the graph? Why or why not?"
03
Visual Debugging
A graphics engine applies a reflection over the y-axis followed by a 180° rotation. Starting with the point (4, 2), show the step-by-step matrix products.
REFLECT_Y
ROTATE_180
Coordinate_Map
Super Matrix Slides SYSTEM_OPERATION.COMPOSITE_CHAIN
Super Matrix
Composing Transformations with Matrix Math
The Efficiency Problem
Imagine an object in a game that needs to rotate, shrink, and flip every frame.
Doing 3 separate matrix multiplications for 1,000,000 vertices is slow.
The Solution:
Multiply the transformation matrices together first to create a single Super Matrix.
REFLECT [R]
SCALE [S]
ROTATE [Q]
[Q] × [S] × [R] = [SUPER]
Warning: Non-Commutative!
Order is EVERYTHING.
Applying Matrix A then Matrix B is NOT the same as Matrix B then Matrix A.
// EXAMPLE
Translate then Rotate ≠ Rotate then Translate
1
First transformation goes on the RIGHT (closest to the shape).
2
Each subsequent step adds a matrix to the LEFT.
Composition Formula
To do: Rotation [R] then Reflection [M]
[M] · [R] · [Vertex] = [V']
[COMPOSITE] · [Vertex] = [V']
One matrix to rule them all.
Chain Reaction Activity Chain Reaction
Protocol 04: Composite Logic
System: Graphics Engine 4.0
Operator ID:
SEQ_01
The Composite Script
Create a single Composite Matrix [C] that performs the following sequence in one step:
Step 1
Reflect over y-axis
Step 2
Rotate 90° CCW
1. Write the Multiplication Order:
[
] × [
]
LHS: STEP_2 // RHS: STEP_1
2. The Composite Product [C]:
SEQ_02
Paradox Probe
Experimental Setup
You have two transformation matrices:
Hypothesis:
Is \( A \times B \) equivalent to \( B \times A \) in this specific case?
Calculate both products to verify your hypothesis.
A × B
B × A
Conclusion: Order ALWAYS / SOMETIMES / NEVER matters.
SEQ_03
The Super-Zoom Spin
A logo in a movie intro needs to Rotate 180° and then Dilate by scalar k = 3.
"Wait! Can we combine a scalar multiplier and a rotation matrix into one 'Super Matrix'?"
Construct the Matrix:
3 · [R180]
Final 2x2 Composite:
Animation Engine Project Guide Animation Engine
Final Commission // Project Specs
Status
Live_Build
Mission Briefing
You are a lead animator for a boutique graphics studio. You have been hired to script the movement for a logo that will appear in a major video game's opening credits. Instead of using keyframes, you will use Matrix Transformations to define the object's path from its initial state to its final rendering.
Requirement:
You must provide the Initial Vertex Matrix, the Composite Transformation Matrix, and the Final Rendered Matrix with a visual plot of each step.
Deliverables
Shape Design (2D Polygon)
Three-Stage Transformation Script
Calculated Super Matrix
Pre- and Post-Render Plots
01
Phase 1: Source Design
Step A: Define Initial Shape
Sketch your logo on the grid provided in Phase 2. Ensure it has at least 4 vertices (quadrilateral or complex polygon).
Initial Vertex Matrix [V0]
[ ]
Step B: Script the Animation
Choose three different transformations to apply to your logo. Order matters!
Stage 1
Stage 2
Stage 3
02
Phase 2: Matrix Composition
// COMPILE_COMPOSITE_MATRIX
Perform the matrix multiplication of your three stages (in reverse order!) to find your Super Matrix [S].
Workspace for \( T_3 \cdot T_2 \cdot T_1 \)
FINAL_SUPER_MATRIX [S]
[ ]
Initial Render
Final Render [V_Final] Animation Project Rubric Technical Review Rubric
Project: Animation Engine
"Evaluation of technical accuracy in matrix composition and geometric rendering."
Criteria Advanced (4) Proficient (3) Developing (2) Emerging (1) Matrix Encoding Initial shape is flawlessly encoded into a vertex matrix with 4+ points. Initial shape is correctly encoded into a vertex matrix. Matrix contains minor coordinate errors. Incorrect matrix structure or dimensions. Composite Math Super matrix is calculated perfectly using correct multiplication order. Super matrix shows correct logic with minor arithmetic errors. Significant errors in matrix multiplication or order. No composite matrix attempted or logic is absent. Transformation Logic Uses 3+ distinct transformations (rotate, reflect, dilate) effectively. Uses 2-3 standard transformations correctly. Transformations are simplistic or repetitive. Transformations do not match the geometric output. Visual Rendering Final plot is 100% accurate based on the calculated super-matrix result. Final plot matches the intended visual outcome. Plot shows misalignment with the matrix data. Incomplete or inaccurate plotting.
Technical Feedback
Evaluator Notes:
Final Score
/ 16
RELIABILITY_INDEX: 98%
CALC_ACCURACY: ---
GRAPH_PRECISION: ---
Geometric Engine Answer Key Master Answer Key
Teacher Use Only // Sequence: Geometric Engine
Vertex Blueprint Worksheet (Lesson 1)
Section 01: [V] Matrix
\[ V = \begin{bmatrix} 2 & 8 & 5 \\ 2 & 2 & 8 \end{bmatrix} \]
Section 03: Mutation
"Adding +5 to row 1 shifts the shape 5 units to the RIGHT (x-translation)."
Transformation Lab (Lesson 2)
LAB_01: [P'] Result
\[ \begin{bmatrix} 6 & 9 & 7 \\ -1 & 0 & 3 \end{bmatrix} \]
LAB_02: [S'] Result
\[ \begin{bmatrix} 5 & 15 \\ 0 & 10 \end{bmatrix} \]
Logic: k = -1
Reflection through origin (Point symmetry). Every coordinate (x,y) becomes (-x,-y).
Matrix Mirror (Lesson 3)
01: 90° CCW Rotation Result
\[ R_{90} \cdot V = \begin{bmatrix} 0 & -1 \\ 1 & 0 \end{bmatrix} \begin{bmatrix} 2 & 6 & 4 \\ 1 & 1 & 5 \end{bmatrix} = \begin{bmatrix} -1 & -1 & -5 \\ 2 & 6 & 4 \end{bmatrix} \]
02: Paradox Probe (y=x)
"Since the square is symmetric across y=x, the result [S'] is identical to [S]. The coordinates swap places but the resulting matrix values stay the same (e.g., (3,1) becomes (1,3) which was already a vertex)."
Chain Reaction (Lesson 4)
SEQ_01: Composite Matrix [C]
Rotate_90 then Reflect_Y:
\[ \begin{bmatrix} -1 & 0 \\ 0 & 1 \end{bmatrix} \begin{bmatrix} 0 & -1 \\ 1 & 0 \end{bmatrix} = \begin{bmatrix} 0 & 1 \\ 1 & 0 \end{bmatrix} \text{ (Equivalent to reflecting over } y=x) \]
SEQ_03: Super-Zoom Spin
\[ 3 \cdot \begin{bmatrix} -1 & 0 \\ 0 & -1 \end{bmatrix} = \begin{bmatrix} -3 & 0 \\ 0 & -3 \end{bmatrix} \]
