This was my final project for class, created to demonstrate interactive user experiences in 3D space.
Project Goals
The assignment was to create something that users could interact with in meaningful ways. This
interactive orbital visualization combines 3D graphics, responsive controls, particle effects, and
immersive audio.
Features
- Click and drag to orbit the camera around the 3D scene
- Mouse wheel zoom for getting closer or further away
- WASD keyboard controls for precise camera movement
- Particle effects that float through the scene
- Explode/collapse animation for the shape formation
- 9 color schemes and 11 shape types to choose from
- Pulsing animations and dynamic lighting effects
- Sound Reactive Mode - Shapes pulse to the music beat
- Bloom/Glow Effect - Enhanced lighting and glow
- New Shapes - Icosahedron, Octahedron, Pyramids, Gems, Stars
Technical Details
Built with p5.js WebGL for hardware-accelerated 3D graphics. All animations use smooth interpolation
(lerping) for fluid motion. The particle system creates depth while the dynamic lighting responds to
mouse position.
This experience works best on desktop/laptop computers. Mobile devices may experience
performance issues.