* FFT Circles

 *

 * Jared Donovan, 2019

 *

 * Draws a simple music visualization based on an audio file input. Uses the

 * p5js FFT object to analyse the spectrum of the audio and uses this to draw

 * a series of circles in the center of the screen. The size of the circles

 * depends on the strength of the corresponding frequency.

 *

 * Audio: 'Mushrooms' by Komiku Public Domain.

 * http://freemusicarchive.org/music/Kofu/Captain_Glouglous_Incredible_Week_Soundtrack/bibliothque

 **/

​

let song;

let fft;

let flowers = [];

​

function preload () {

  song = loadSound('assets/Komiku_-_03_-_Mushrooms.mp3');

}

​

function setup () {

  createCanvas(400, 400);

  song.play();

  fft = new p5.FFT();

​

  // stroke(255);

  // noFill();

}

​

function draw () {

  background(255);

​

  let spectrum = fft.analyze();

  if (flowers.length == 0){

    for (let i = 0; i < spectrum.length; i += 20){

      let x = map(i, 0, spectrum.length, 10, width -10);

      let y = height / 2;      

      flowers.push(new Flower(x, y))

    }

  }

​

  for (let i = 0; i < spectrum.length; i += 20) {

    let d = map(spectrum[i], 0, 255, 0, height);

    flowers[i / 20].update(d);

    // ellipse(width / 2, height / 2, d);

  }

   for (let f of flowers){

     f.show();

   }

}

​