THE is a WebGL-powered music visualizer that transforms audio tracks into dynamic, real-time visual experiences. Users can upload their own music, and the site will generate a unique audiovisual display using 3D graphics, shaders, and sound analysis.
This project requires a dedicated or integrated GPU to run properly.
If your system does not support WebGL / WebGPU or hardware acceleration,
some features may not work, or performance may be severely degraded..
- 🎵 Audio Upload — Upload local audio files (e.g., MP3, WAV)
- 🔊 Real-Time Audio Analysis — Uses Web Audio API to extract frequency & amplitude datadata
- 🌌 3D Visual Effects — Built with Three.js, custom shaders, and particle systems
- 🎨 Customizable Scenes — Visuals react to beat, bass, treble, and volume
- 🚀 Optimized Performance — Smooth animation loop with efficient rendering
- 💡 Future Plans — MIDI input, preset scenes, user controls, and mobile support
| Tool | Description |
|---|---|
 JavaScript |
Main frontend language |
 HTML5 |
Markup & UI; UI |
 CSS3 |
Styling and layout |
 Three.js |
3D graphics & renderingring |
| 🎧 Web Audio API | Audio frequency & waveform analysisysis |
| 🧬 TSL (Three Shader Language) | Shader logic for particle dynamics |
| 🧪 GLSL | Custom fragment & vertex shadersders |
Based on three.js WebGPU attractors example by @mrdoob. Big respect to the original authors of the compute shader visualizations and WebGPU work.
All Rights Reserved
Copyright (c) 2025
This project and all associated source code, assets, and content are the intellectual property of the author.
- You may not use, copy, modify, distribute, sublicense, or sell any part of this software for any purpose.
- You may not include this project or any part of it in your own projects, commercial or non-commercial.
- You may not host, mirror, or redistribute this content.
- You may not use this project or its code for learning, demonstration, or AI training purposes.
No rights are granted unless explicit written permission is provided by the author.