let volHistory = [];

​

let easing = 0.08;

let x = 1;

let y = 1;

​

function preload() {

  song = loadSound('assets/999.mp3'); 

  getAudioContext().resume();

}

​

function setup() {

  createCanvas(600, 600)

  song.play();  

  amp = new p5.Amplitude();

}

​

function draw() {

  background(0);

  let targetX = mouseX;

  let dx = targetX - x;

  x += dx * easing;

  let targetY = mouseY;

  let dy = targetY - y;

  y += dy * easing;

​

  let vol = amp.getLevel();

  volHistory.push(vol);

  for (let x = 0; x < volHistory.length; x++) {

    stroke(255,random,87);

    let y = map(volHistory[x], 0, 1, height, 0);

    point(x, y);

  }

   ellipse(x, y, vol*300, vol*300);

  fill(mouseX,67,mouseY);

  console.log(vol)

}

​

// Chrome 70 will require user gestures required to enable web audio api

// Click on the web page to start audio

function touchStarted() {

  getAudioContext().resume();

}

​

​

function mousePressed() {

    let fs = fullscreen();

    fullscreen(!fs);

​

  }

function windowResized() {

 resizeCanvas(windowWidth, windowHeight);

}