Quantum Synth – A Living Neural Music Visualizer
Quantum Synth is a playful, interactive experiment that merges audio frequency analysis with generative 3D geometry. Designed to look like a "Quantum Neural Network," the application transforms sound waves into kinetic energy, causing a complex web of nodes and crystalline structures to pulse, rotate, and morph in real-time.
🚀 Tech Stack (Awaiting Confirmation)
- Frontend Framework: React.js
- 3D Engine: Three.js / React Three Fiber
- Audio Processing: Web Audio API (Fast Fourier Transform)
- Deployment: Netlify
🎨 Key Features & UX Decisions
- Interactive Morphing: Users can trigger "Morph" sequences that shift the geometric density, changing the visual from a tight cluster to an expansive constellation.
- Dynamic Energy Pulses: High-frequency audio triggers "energy pulses" that travel through the neural pathways, creating a direct visual link to the beat.
- Customizable Themes: Includes a "Crystal Theme" toggle to switch between different color palettes (Amethyst, Ruby, Sapphire) to match the mood of the music.
- Spatial Exploration: Built with orbit controls, allowing users to drag and explore the 3D structure from any angle, making the music feel like a physical space.
🔗 Live Experience: Dive in here: https://music-visualisser.netlify.app/
🧠 Design Philosophy
The goal was to move away from traditional "bar-chart" visualizers and create something that feels organic and alive. By using a neural network aesthetic, the project visualizes music not just as sound, but as "thought" or data moving through a complex system.
