Music Visualization with FFT 🎡

πŸ”— Code Example:

πŸ”— Credits:

πŸ”— References:

πŸ”— Timestamps:

  • 1:03 What is FFT

  • 2:28 Sketch No.1: FFT Class Demo

  • 5:24 Draw Time Domain Graph

  • 8:59 Draw Frequency Domain Graph

  • 13:54 Sketch No.2: Final visualization

  • 14:03 Create 3D cubes

  • 22:24 Create a 3d array grid to store color information

  • 25:02 Add song and create an FFT object

  • 26:13 Calculate distance between center of cubes to origin point

  • 31:58 Color cubes based on FFT outputs

  • 37:24 Final Result!

Previous

Album Cover - Unknown Pleasures by Joy Division

Next

Bouncing Wave Typography