let gameState = "start";

let player;
let block;

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

function setup() {
  createCanvas(400, 400);
  imageMode(CENTER);
  textAlign(CENTER, 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: 450, y: 200, w: 30, h: 30 };
}

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

function updateGame() {
  if (gameState === "start") {
    return;
  }
  updatePlayer();
  updateBlock();
}

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

function updateBlock() {
  block.x--;
  if (block.x < -block.w / 2) {
    block.x = 400 + block.w / 2;
    block.y = random(0, 400);
    block.h = random(30, 100);
  }
}

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);
  if (gameState === "start") {
    drawStart();
  }
}

function drawStart() {
  fill(17, 113, 155);
  textSize(30);
  text("フライトゲーム", 200, 200);
  textSize(15);
  text("タップしてスタート", 200, 250);
}

function mousePressed() {
  if (gameState === "start") {
    gameState = "play";
  } else {
    player.ay *= -1;
  }
}