Vortex
Interactive WebGL installation with real-time physics and sound, creating dynamic visual symphonies.
Vortex is an immersive digital experience where mathematical chaos meets artistic expression. This WebGL-powered installation generates ever-shifting geometric patterns through real-time audio analysis and fluid dynamics simulations.
Experience Vortex
Audio Reactive
The visual patterns evolve dynamically based on ambient sound frequencies captured through your microphone.
Physics Engine
Built with Three.js and Cannon.js, the particles respond to virtual magnetic fields and collision dynamics.
Multi-Touch
Interact with the vortex by dragging your finger or mouse to manipulate the magnetic field intensity.
How to Use
- 1 Open with a modern browser supporting WebGL 2+
- 2 Allow microphone access for audio reactivity
- 3 Click and drag to interact with the field
Technical Architecture
Core Technologies
- Three.js (WebGL Rendering)
- Cannon.js (Physics Engine)
- P5.js (Audio Analysis)
- Tone.js (Audio Processing)