let player;
let block;

let skyImage;
let airplaneUpImage;
let airplaneDownImage;
let blockImage;

function setup() {
  createCanvas(400, 400);
  imageMode(CENTER);
  skyImage = loadImage("sky.jpeg");
  airplaneUpImage = loadImage("airplaneUp.png");
  airplaneDownImage = loadImage("airplaneDown.png");
  blockImage = loadImage("block.jpeg");
  player = { y: 100, vy: 0, ay: 0.05 };
  block = { x: 200, y: 200, w: 30, h: 30 };
}

function draw() {
  updateGame();
  drawGame();
}

function updateGame() {
  player.vy += player.ay;
  player.y += player.vy;

  block.x--;
  if (block.x < -block.w / 2) {
    block.x = 400 + block.w / 2;
  }
}

function drawGame() {
  image(skyImage, 200, 200, 400, 400);
  if (player.vy >= 0) {
    image(airplaneDownImage, 100, player.y, 50, 50);
  } else {
    image(airplaneUpImage, 100, player.y, 50, 50);
  }
  image(blockImage, block.x, block.y, block.w, block.h);
}

function mousePressed() {
  player.ay *= -1;
}