​

function preload() {

​

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

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

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

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

}

function setup() {

  createCanvas(600, 400);  

}

​

​

var x = 200;

var y = 200;

​

function draw() {

  background(0,0,0);

  image(imgPark, 0, 0);

    image(imgBath, 10, 0);

  image(imgSwim, 9, 10);

    imgSwim(x,y,50,50);

​

  if (x >= 200){

   x = 0; 

  }

}

  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;

  }

​

}

 // image(imgLake, 0, 0);

  image(imgMusic, mouseX,mouseY);

}

​

​