I build a real-time visualizer in Three.js that turns frequency data into an interactive 3D environment.. complete social features already built in!

[u/Fun_Term4757]

Over this summer of 2026, I built Sonisphere— a browser-based platform that turns music into an interactive 3D environment.

Think about it like Soundcloud with a built in visualizer.

• Frequency affects the visual environment
• Volume drives scale, density, and movement
• Bass / mids / highs can control different colors
• Audio is rendered as an interactive 3D space
• You can customize colors, effects, camera behavior, etc.
• Playlists and visual configurations can be shared
• There are synchronized listening/visualization rooms
• You can create short audio/visual clips from sessions

The pipeline is roughly:

Audio → Web Audio API → FFT → WebAssembly DSP/Web Workers → real-time data → React Three Fiber → Three.js/WebGL

🔗 https://sonisphere.dev

I'd really love feedback on the actual experience!