​

function preload() {

  img = loadImage('pig.png')

  rain = loadSound('Rain.mp3')

  clip1 = loadSound('Clip1.mp3')

  clip2 = loadSound('Clip2.mp3')

  clip3 = loadSound('Clip3.mp3')

  clip4 = loadSound('Clip4.mp3')

}

function setup() {

  createCanvas(640, 600);

  rain.loop()

  image(img,0,0)

}

​

function draw() {

//   if (mouseX=100 && mouseY=100) {

//      clip1.play() 

//   } 

    // Sound1 = createButton('');

    // Sound1.style(col)

    // Sound1.size(5,5);

    // Sound1.position(350,309);

    // Sound1.mousePressed(playSound1);  

    // image(img,0,0)

  //ellipse(420,460,20)

}

​

function mouseClicked() {

  if ( mouseX > 255 && mouseX < 265 && mouseY > 155 && mouseY < 165) {

      if (clip1.isPlaying()) {

        clip1.stop();

      }

      else {

        clip1.play();

      }      

  }

​

  else if  (mouseX > 300 && mouseX < 410 && mouseY > 250 && mouseY < 300) {

     if (clip2.isPlaying()) {

        clip2.stop();

      }

      else {

        clip2.play();

      }

  }

  else if (mouseX > 240 && mouseX < 260 && mouseY > 350 && mouseY < 370) {

     if (clip3.isPlaying()) {

        clip3.stop();

      }

      else {

        clip3.play();

      }               

  }

  else if (mouseX > 420 && mouseX < 440 &&  mouseY > 440  && mouseY < 460) {

     if (clip4.isPlaying()) {

        clip4.stop();

      }

      else {

        clip4.play();

      }   

  }

​

}