A game where you fly planes's game

Click here for free DL of the app version that can save data.

No:45865

←

Prev Next

→

A game where you fly planes
Developer User19732｜Date and time 24/2/21 21:56:39
Build time 6.389 sec｜Game capacity 1.133KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Plane Flying Game</title>
<style>
canvas {
  background-color: #87CEEB;
  display: block;
  margin: 0 auto;
}
</style>
</head>
<body>
<canvas id="canvas" width="800" height="600"></canvas>

const planeImg = new Image();
planeImg.src = 'https://image.shutterstock.com/image-vector/cute-cartoon-airplane-flying-isolated-260nw-1157336507.jpg';

let planeX = Math.random() * canvas.width;
let planeY = canvas.height - 100;
let planeSpeed = 5;

function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.drawImage(planeImg, planeX, planeY, 50, 50);
}

function update() {
  planeY -= planeSpeed;
  if (planeY < -50) {
    planeY = canvas.height + 50;
    planeX = Math.random() * canvas.width;
  }
}

function loop() {
  draw();
  update();
  requestAnimationFrame(loop);
}

loop();

document.addEventListener('keydown', function(event) {
  if (event.key === 'ArrowLeft') {
    planeX -= 20;
  } else if (event.key === 'ArrowRight') {
    planeX += 20;
  }
});

</script>
</body>
</html>