Audio Visualizer

What it does

Create particle effect visualization in sync with your audio

To generate these amazing effects, first we generate the fast fourier transform of the audio file and then change the reference coordinate system to radial coordinate system and generate particles till the bound of canvas when the energy if above 75% of peak energy.

How we built it

1. ReactJS
2. P5.js
3. Phaser.js

Challenges we ran into

1. Optimizing the smoothing factor of fast fourier transform was a big challenge

What's next for Audio Visualizer

1. Accepting user input for audio
2. Extract music from youtube links

Built With

• node.js
• p5.js
• phaser.js
• react