THE is an artwork made by me ;) and it's also a WebGL-powered music visualizer that transforms audio tracks into dynamic. 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 scenes may not work smoothly, or performance may be severely degraded.
- Audio Upload — Upload local audio files (e.g., MP3, WAV) Or use my audio samples :).
- Real-Time Audio Analysis — Uses Web Audio API to extract frequency & amplitude data
- 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
- Javascript
- Three.js JavaScript 3D library.
- GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web.
- GLSL (OpenGL Shading Language) is a high-level, C-style programming language used to create custom shaders that execute directly on the GPU.
Thanks to three.js WebGPU attractors example by @mrdoob I was able to create the great particles scene I integrated my own audio interactivity to the particles :).
and also for threejs-graces because that's where i got my inspiration from and kinda mimiced his mouse interactivity
also thanks to Oscilloscope Visualizer because i learnt how to do the oscilloscope shader from him
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.