let end = 5;

let a = 0;

​

let spectrum;

​

function setup() {

  createCanvas(window.innerWidth, window.innerHeight, WEBGL);

​

  angleMode(DEGREES);

  colorMode(HSB);

​

  mic = new p5.AudioIn();

  mic.start();

  // mic.amp(0.1);

​

  fft = new p5.FFT();

  fft.setInput(mic);

​

  strokeWeight(2);

  noFill();

​

  setInterval(addFreq, 800);

}

​

function draw() {

  background(0,0,0);

  translate(0,0,-100)

  rotateZ(25);

  rotateX(-25)

  spectrum = fft.analyze();

​

  for (let f of freqs) {

    f.addFreq();

    f.rotating();

​

    if (freqs.length > 10) {

      freqs.splice(0, 1);

    }

  }

}

​

function addFreq() {

  f = new Freq();

  freqs.push(f);

}

​

class Freq {

  constructor() {

    this.n = [];

    this.a = 0;

​

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

      this.n.push(spectrum[i]);

    }

  }

​

  addFreq() {

    push();

    rotateZ(-90);

    rotateX(this.a);

    beginShape();

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

      let amps = this.n[i];

      let angle = map(i, 0, spectrum.length, 0, 180);

      let peak = map(amps, 0, 255, 150, 0);

      let r = map(amps, 0, 1024, 50, 200);

      let x = r * 5 * cos(angle);

      let y = r * 5 * sin(angle);

      vertex(x, y);

      stroke(peak, 100, 100);

    }

    endShape();

    pop();

  }

  rotating(){

    this.a += 1;

  }

}

​