Audio-Reactive Visuals in Three.js

Learn how to create a music visualizer in Three.js, inspired by ARKx's work for Coala Music's website.

Article on Codrops

Installation

Install dependencies:

npm install

Compile the code for development and start a local server:

npm run dev

Create the build:

npm run build

Credits

Coala Music Website by ARKx
FBO Particles by Yuri Artiukh
Threejs
GSAP
WebGL Noise
web-audio-beat-detector
Music by Kendrick Lamar - Money Trees from Spotify API

Misc

Follow Tiago: Instagram, Twitter, GitHub, Linkedin

Follow ARKx: Website, Instagram, Twitter, Linkedin

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

Made with 💙 by Codrops