Back to Projects
Coding JavaScript Three.js

3D Audio Visualizer

2/6/2026
View Code

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.

Workflow: AI-Generated Audio & AI-Mentored Coding

// Broadcast Transmission

-6°C