Perfect Pitch

p5.disableFriendlyErrors = true;

let voice;

let x, y, y2, offset, r = 0;

let amp = window.innerHeight;

let ex = 0, ey = 0; 

let maxAt = 0;

let x3;

let f = 10;

let fft;

let bands = 256;

let h;

​

function setup() {

  createCanvas(window.innerWidth, window.innerHeight);

  frameRate(60);

  colorMode(HSB, 100);

  voice = new p5.AudioIn();

  voice.start();

  // Create an Input stream which is routed into the Amplitude analyzer

  fft = new p5.FFT(0.75, bands);

  // patch the AudioIn

  x3 = width/bands;

  background(0,0,0);

}

​

function draw() { 

  noStroke();

  fill(0,0,100,5);

  rect(0,0, width, height);

  y2 = y;

  stroke(0);

  voice.connect(fft)

  let spectrum = fft.analyze();

//  for(let i = 0; i < bands; i++){

//  print(spectrum[i] + "          ");

//  // The result of the FFT is normalized

//  // draw the line for frequency band i scaling it up by 5 to get more amplitude.

//  line(x1*i, height, x1*i, height-h*10);

//  strokeWeight(3);  

//} 

​

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

    maxAt = spectrum[i] > spectrum[maxAt] ? i : maxAt;

  }

  h = pow(map(max(spectrum), 0, 255, 0,  window.innerHeight/64),2.2);

  let newmaxAt = (map(maxAt, 0, spectrum.length, 0, 60*window.innerWidth));

  updateWave(newmaxAt, h);

  maxAt = 0;

}

​

function updateWave(j, h) {

    for (let x2 = 1; x2 < window.innerWidth; x2+=1) {

        let x1 = x2-1;

        let y1 = sin(radians(-x1*abs(j/window.innerWidth)+r))*h;

        let y2 = sin(radians(-x2*abs(j/window.innerWidth)+r))*h;

        stroke(frameCount % 100, 100, 100);

        noFill();

        strokeWeight(4);

        line(x1,  window.innerHeight/2-y1, x2,  window.innerHeight/2-y2);

    }

    r = millis()/8;

}