Pure JS 3D Renderer

Cube 60 FPS

🎛️ Controls

🔷 Shape

🔄 Rotation

X (Pitch) 30°

Y (Yaw) 45°

Z (Roll) 0°

Auto Rotate

📍 Position

X Offset 250

Y Offset 200

Z Depth 0

📐 Scale

X Scale 1.0

Y Scale 1.0

Z Scale 1.0

Uniform Scale

🔭 Perspective

Focal Length 3000

🎨 Visual

Depth Coloring

Show Vertices

Show Axes

Show Grid

Line Width 2

📚 Math Behind the Renderer

Vector3: 3D point representation with operations (add, subtract, dot product, cross product)
Matrix4: 4×4 transformation matrices for rotation, scaling, and translation
Perspective Projection: x' = (f·x)/(f+z), y' = (f·y)/(f+z)
Rotation Matrices: Euler angles for X (pitch), Y (yaw), Z (roll)
Golden Ratio: φ = (1+√5)/2 ≈ 1.618 (used in Dodecahedron)
Parametric Surfaces: Torus and Sphere generated mathematically