let appley2

  let cerealy1

  let cerealy2

  let bowly1 

  let bowly2 

  let chairy1

  let chairy2

  let direction = 10

  let xpos = 0

​

  let ypos = 10

  let mic

  let img2

​

​

function setup() {

  createCanvas(1198, 800);

  appley1 = 385

  appley2 = 285

  cerealy1 = 280 

  cerealy2 = 580

  bowly1 = 375

  bowly2 = 275

  chairy1 = 350

  chairy2 = 250

  mic = new p5.AudioIn();

  mic.start();

​

}

​

function preload() {

  img1 = loadImage("kitchen.jpg");

  img2 = loadImage("apple2.png");

  img3 = loadImage("cereal2.png");

  img4 = loadImage("bowl2.png");

  img5 = loadImage("chair2.png");

  img6 = loadImage("lamp4.png");

}

​

​

function draw() {

  background(img1);

  // display background image

  // image(img2, 100, appley1); 

  // image(img3, 400, cerealy1);

  // image(img4, 530, bowly1); 

  // image(img5, 775, chairy1); 

  micLevel = mic.getLevel();

  // console.log(micLevel)

  let mappedLevel = map(micLevel,0,0.2,100,10000)

  // console.log(mappedLevel)

  image(img2, 100, appley1, mappedLevel*0.5,mappedLevel*0.5)

  // let mappedLevel2 = map(micLevel,0,0.5,100,1000)

  // console.log(mappedLevel) 

  // image(img3, 400, cerealy1, mappedLevel2, mappedLevel2*1.5)

  let mappedLevel3 = map(micLevel,0,1,100,5000)

  // console.log(mappedLevel)

  image(img4, 530, bowly1, mappedLevel3, mappedLevel3*0.5)

  let mappedLevel4 = map(micLevel,0,1,100,500)

  // console.log(mappedLevel)

  image(img5, 775, chairy1, mappedLevel4*2.5, mappedLevel4*4)

​

  speed = micLevel *100

  ypos += speed * direction

  if(ypos >= height  || ypos < 300 ){

     direction = -direction

     }

  image(img3, 400, ypos)

​

  speed = micLevel *100

  xpos += speed * direction

  if(xpos >= width  || xpos < 1000 ){

     direction = -direction

     }

  image(img6, xpos, 0)

}

​

​

​

function mouseClicked() {

  if (appley1 === 385) {

    appley1 = appley2;

    cerealy1 = cerealy2;

    bowly1 = bowly2;

    chairy1 = chairy2;

  } else {

    appley1 = 385;

    cerealy1 = 280;

    bowly1 = 375;

    chairy1 = 350;

  }

}  

​

  //dist

//   if(dist(mouseX,mouseY,120,410) < 100){

//     y1 = y1 - 10;

//   }

​