# Rotation Matrix

Say what now!

A rotation matrix is a mathematical tool that helps you rotate points around a fixed point, like the center of a coordinate system. Imagine you're moving a picture on a wall. The picture stays in one place, but you rotate it to a new angle.

original    =>   transposed
[a, b, c]   =>   [a, d, g]
[d, e, f]   =>   [b, e, h]
[g, h, i]   =>   [c, f, i]

Make sure you understand how the matrix drawing loop works.

There is a whole bunch of math behind a rotation matrix that was created by some math nerds much smarter than me, but bottom line: use this function to rotate a matrix.

transposeMatrix(matrix: number[][]): number[][] {
    const numRows = matrix.length;
    const numCols = matrix[0].length;

    // Create a new matrix for the rotated values
    const rotatedMatrix = new Array(numCols).fill(null).map(() => new Array(numRows));

    // Loop through rows and columns to perform rotation
    for (let row = 0; row < numRows; row++) {
        for (let col = 0; col < numCols; col++) {
            // Rotate the values by swapping rows and columns
            rotatedMatrix[col][numRows - 1 - row] = matrix[row][col];
        }
    }
}