​

let x;

let y;

let angle;

let dia = 8;

let fft;

​

​

function preload(){

  sound = loadSound ('assets/Owl-Stretch.mp3');

}

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  colorMode(HSB);

  //sound.loop();

  //sound.play();

  angleMode (DEGREES);

  amp = new p5.Amplitude();

  //analyzer = new p5.Amplitude();

  //analyzer.setInput(sound);

  fft = new p5.FFT();

  fft.setInput(sound);

}

​

function draw() {

  let brightness = int(map(mouseY,50,height,50,100));

  let saturation = int(map(mouseX,50,width,50,100));

  background(frameCount%360, saturation, brightness);

  x=windowWidth/3;

  y=windowHeight/3;

  let spectrum = fft.analyze();

  //console.log(spectrum.length);

​

  let level = amp.getLevel();

  translate(width/2, height/2);

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

    push();

    rotate(degrees(i));

    stroke(255);

    strokeWeight(2);

    line(x*sin(degrees(spectrum.length)),level*400,level*400,y);

    ellipse(level*400,y,dia,dia);

    pop();

    } 

  angle ++;

​

}

​

function mousePressed() {

  let fs = fullscreen();

  fullscreen(!fs);

  sound.play();

}

​

​

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}

​