​

function setup() {

  song = loadSound('assets/lucky_dragons_-_power_melody.mp3');

}

let img;

var x = 0;

var y = 0;

var LieX = 0;

var SitX = 0;

​

//other images

//var FunX = 10;

var FunX = 600;

//var MusicX = -10;

var MusicX = 600;

//var SwimX = 250;

var SwimX = 600;

//var  BathX = 20;

var BathX = 600;

//var WomanX = 0;

var WomanX = 600;

​

function preload() {

  imgPark = loadImage("assets/GisselPark.png");

  imgSwim = loadImage("assets/swim.png");

  imgBath = loadImage("assets/bath.png");

  imgMusic = loadImage("assets/music.png");

  imgLie = loadImage("assets/LieingDown.png");

  imgFun = loadImage("assets/fun.png");

  imgSit = loadImage("assets/sitting.png");

  imgWoman = loadImage("assets/woman.png");

}

​

function setup() {

  createCanvas(600, 400);

  song = loadSound("assets/lucky_dragons_-_power_melody.mp3");

}

​

function draw() {

  background(0, 0, 0);

​

  // program opens

  //original painting

  image(imgPark, 0, 0);

  image(imgLie, LieX, 0);

  image(imgSit, SitX, 0);

  //Added images

  //movin item

  image(imgBath, BathX, 45, -200,200);

  //not moving

  image(imgMusic, MusicX, 10, 300);

  image(imgFun, FunX, -50, 559);

  image(imgWoman, WomanX, 50, 350);

image(imgSwim, SwimX, 40, 600, 500);

  console.log(mouseX, mouseY);

//back to original

  if (mouseX>480 && mouseX<560){

     LieX =0;

    SitX = 0;

    MusicX =600;

   SwimX = 600;

   BathX = 10000;

    WomanX = 600;

  }

 if (mouseX>280 && mouseX<411 && mouseY > 350 && mouseY<360){

     //LieX =00;

    //SitX = 0;

    //MusicX =600;

    //FunX = 600;

    SwimX = 200;

    //BathX = 600;

    //WomanX = 600;

  }

   if (mouseX>71 && mouseX<151 && mouseY > 63 && mouseY<115){

     //LieX =00;

    //SitX = 0;

    //MusicX =600;

    //FunX = 600;

    //SwimX = 100;

    BathX = 200;

    //WomanX = 600;

  }

  //lieing down to music

  if (mouseX > 116 && mouseX < 250 && mouseY > 225 && mouseY < 335) {

    LieX = 600;

    //SitX = 0;

    MusicX = 20;

    //FunX = 600;

    //SwimX = 600;

    //BathX = 6000;

    //WomanX = 600;

  }

//sitting to tent

  if (mouseY > 115 && mouseY < 260 && mouseX > 300 && mouseY < 415) {

    //LieX = 0;

    SitX = 600;

    //MusicX = 600;

    FunX = 10;

    //SwimX = 600;

    //BathX = 6000;

    //WomanX = 600;

  }

  // else{

  //LieX = 0;

  //SitX = 0;

  //MusicX = 600;

  //FunX = 600;

  //SwimX = 600;

  // BathX = 6000;

  //   WomanX = 600;

  //}

}

​

function keyTyped() {

  //Remix A - Starting Point

  if (key === "a") {

    LieX = 0;

    SitX = 0;

    MusicX = 1000;

    FunX = 600;

    SwimX = 600;

    BathX = 6000;

    WomanX = 600;

  }

  if (key === "z") {

    LieX = 600;

    SitX = 0;

    MusicX = 20;

    FunX = 600;

    SwimX = 600;

    BathX = 6000;

    WomanX = 600;

  }

​

  //Remix S

  else if (key === "s") {

    LieX = 1000;

    SitX = 1000;

    FunX = 10;

    MusicX = 1000;

    SwimX = 250;

    BathX = -100;

    WomanX = 100;

  }

​

  //Remix Q

  else if (key === "q") {

    LieX = 600;

    SitX = 0;

    FunX = 600;

    MusicX = -10;

    SwimX = 300;

    BathX = 1;

    WomanX = 100;

  }

  //Remix W

  else if (key === "w") {

    LieX = 600;

    SitX = 600;

    FunX = 10;

    MusicX = 1000;

    SwimX = -200;

    BathX = 1000;

    WomanX = 100;

  }

}

​

function keyPressed() {

  if (keyCode === UP_ARROW) {

    y = y - 10;

  } else if (keyCode === DOWN_ARROW) {

    y = y + 10;

  }

  if (keyCode === LEFT_ARROW) {

    x = x - 5;

  } else if (keyCode === RIGHT_ARROW) {

    x = x + 5;

  }

​

​

}

function mousePressed() {

  if (song.isPlaying()) {

    // .isPlaying() returns a boolean

    song.stop();

​

  } else {

    song.play();

  }

}