let h = 200;

let drawerX;

let drawerY;

let y = 1;

let r2= 2;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  mic = new p5.AudioIn();

  mic.start();

  rectMode(CENTER);

}

​

function draw() {

  let level = mic.getLevel();

  let newLevel = level * height * 2;

   background(0,2);

  noStroke();

  push();

    rotate();

  pop();

  push();

  translate(width/2, height/2);

    rotate(r);

    fill(newLevel * 100, 0,0);

    ellipse(newLevel,00,10,10);

    r+=.005;

    if(newLevel > 50 && newLevel < 150){

      fill(newLevel * 100, 0,0);

      let a = new MyObject(newLevel, 0, 5,2,2);

      a.update();

    }

    else if(newLevel > 150){

      fill(newLevel * 1000,0,0);

      let a = new MyObject(newLevel, 0, 5,5,5);

      a.update();

    }

    else{

      fill(newLevel * 1000,0,0);

      let a = new MyObject(newLevel, 0, 5,1,1);

      a.update();

    }

   r+=.005;

  pop();

​

}

​

class MyObject{

  constructor(x,y,width,height, rotate){

    this.x= x;

    this.y= y;

    this.width = width;

    this.height = height; 

    this.rotate = rotate;

  }

  update(){

    push();

    //translate(this.x, this.y);

    rotate(r);

    rect(this.x, this.y, this.width, this.height);

    r+=.005;

    pop(); 

  }

}

​