tgcnzn / Interactive-Particles-Music-Visualizer

Learn how to build audio-reactive visual experiences in Three.js, featuring synchronized sound and dynamic 3D visuals, inspired by ARKx's work for Coala Music's website.

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

Demo

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

MIT

Made with 💙 by Codrops