3D Rotating Cube

Pure JavaScript 3D projection - no external libraries!

Controls

Rotation Speed

1.0

Cube Size

100

Perspective

600

How It Works

3D Projection: Converts 3D coordinates to 2D canvas coordinates using perspective projection
Rotation Matrix: Uses trigonometry to rotate vertices around X, Y, and Z axes
Face Rendering: Draws cube faces with depth sorting for proper visibility
Interactive: Drag to rotate the cube manually
Pure JavaScript: No external 3D libraries - built from scratch!