Sound Clock

//Help taken from Professor Golan Levin's Clock

//https://www.openprocessing.org/sketch/503875

//and p5.js FFT library example

//https://p5js.org/reference/#/p5.FFT/analyze

​

var filterH;

var fft;

var prevSec;

var millisRolloverTime;

var ratio;

var noiseamp = 0.0;

var oscamp = 0.0;

​

​

function setup(){

  createCanvas(400,400);

  millisRolloverTime = 0;

  noise = new p5.Noise();

  noise.amp(noiseamp);

  filterH = new p5.BandPass();

  filterH.res(50);

  noise.disconnect();

  noise.connect(filterH);

  noise.start();

​

  oscM = new p5.Oscillator();

  oscM.amp(oscamp);

  oscM.setType('square');

  oscM.disconnect();

  oscM.connect(filterH);

  oscM.start();

  fft = new p5.FFT();

}

​

function draw(){

  background(249,241,241);

  var S = second();  

  if (prevSec != S) {

    millisRolloverTime = millis();

  }

  prevSec = S;

  var Smils = S + (floor(millis() - millisRolloverTime)/1000);

  var M = minute() + (Smils / 60);

  var H = hour() + (M / 60);

  var freqH = map(H, 0.0, 23.0, 20.0, 2320.0) / 2.0;

  filterH.freq(freqH);

  filterH.res((sin(map(Smils, 0, 60, 0, PI)) * 60) + 10);

  ratio = (60 - M + 20) / (60 - M + 10);

  freqM = freqH * ratio;

  oscM.freq(freqM);

  var spectrum = fft.analyze();

  noStroke();

  fill(123,184,197);

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

    var x = map(i, 0, spectrum.length, 0, width);

    var h = -height + map(spectrum[i], 0, 255, height, 0);

    rect(x, height, width / spectrum.length, h )

  }

​

  stroke(255);

​

}

​

function mouseClicked()

{

  if (noiseamp > 0.0)

  {

    noiseamp = 0.0;

    oscamp = 0.0;

  }

  else

  {

    oscamp = 0.8;

    noiseamp = 1.0;

  }

  noise.amp(noiseamp);

  oscM.amp(oscamp);

}