Codenamed “Pages Under Construction”, this project bridges the gap between generative audio and reactive 3D graphics. It is a real-time audio visualizer running entirely in the browser.
JavaScript
Vanilla JS logic handling audio frequency data analysis.
Three.js
WebGL rendering library used for the 3D environment and particle effects.
Suno AI
AI-generated soundtrack that drives the visual reaction.
The 24-Hour Marathon
This project was born from an intensive coding sprint. It took approximately 24 hours of continuous practice, prompting, coding, and debugging to complete.