Chronos Kinetics explores the physical state of time. Rather than representing numbers as flat pixels, each digit exists as an arrangement of typographic lines suspended in a virtual 3D column.
3D Coordinate Projections
Letters are distributed along a cylindrical spiral using trigonometry to map flat positions to 3D. When hovered, the entire axis tilts and rotates in response to the mouse pointer, utilizing CSS perspective and custom rotation matrices.
- Radius: Constant offset from center.
- Angle Offset: Calculated as $\theta = i \times \frac{2\pi}{N}$ where $N$ is the number of characters.
- Elevation ($y$): Linearly distributed along the vertical core.
The resulting interface blends digital time tracking with classical typography in an engaging, kinetic medium.