let space = 20;

let rate = 0.001;

let count = 0;

let fluct = 0;

let mod0=6;

let mod1=5;

let mod2=7;

let slider0;

let slider1;

let slider2;

let slider3;

let slider4;

let slider5;

let c0R, c0G, c0B;

let c1R, c1G, c1B;

let c2R, c2G, c2B;

​

let mic;

let fft;

function setup() {

  let cnv = createCanvas(1000, 600);

  cnv.mousePressed(userStartAudio);

  textAlign(CENTER);

  mic = new p5.AudioIn();

  mic.start();

  fft = new p5.FFT();

  fft.setInput(mic);

  slider0 = createSlider(0, 31, mod0);

  slider1 = createSlider(0, 31, mod1);

  slider2 = createSlider(0, 31, mod2);

  slider3 = createSlider(1, 500, 20);

  slider4 = createSlider(1, 50, 20);

  slider5 = createSlider(0, 255, 255);

  c0R = createSlider(0, 255, 255);

  c0G = createSlider(0, 255, 255);

  c0B = createSlider(0, 255, 255);

  c1R = createSlider(0, 255, 255);

  c1G = createSlider(0, 255, 255);

  c1B = createSlider(0, 255, 255);

  c2R = createSlider(0, 255, 255);

  c2G = createSlider(0, 255, 255);

  c2B = createSlider(0, 255, 255);

  rateSlider = createSlider(0, 255, 1);

}

​

function draw() {

  rate = (rateSlider.value())/2047;  let spectrum = fft.analyze();

  innerSq = slider3.value();

  space = slider4.value();

  count = mic.getLevel()*360;

  background(0, slider5.value());

  fill(255,255,255, 0);

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

    if(i%slider0.value() ==1){

      stroke(c0R.value(),c0G.value(),c0B.value());

      fluct = Math.cos(count);

    } else if(i%slider1.value() ==1){

      stroke(c1R.value(),c1G.value(),c1B.value());

      fluct = Math.sin(count);

    } else if(i%slider2.value()==1){

      fluct++;

      stroke(c2R.value(),c2G.value(),c2B.value());

      quad(i*fluct, i*space, i*space*fluct, i*space, width-i*space, i*fluct*2 ,i*fluct,i*space);

    }

      quad(spectrum[i], i*space/fluct, i*space*fluct, i*space, i, i*space ,i*space*fluct, i*space);

  }

}