Game plane simulator's game

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

No:22533

←

Prev Next

→

Game plane simulator
Developer User10379｜Date and time 23/10/23 2:35:01
Build time 34.644 sec｜Game capacity 2.001KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Game Plane Simulator</title>
  <style>
    canvas {
      border: 2px solid #d3d3d3;
      background-color: #f1f1f1;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Plane variables
    var planeImage = new Image();
    planeImage.src = "pictograms/plane.png";
    var planeX = canvas.width / 2 - 50;
    var planeY = canvas.height / 2 - 50;
    var planeSpeed = 5;

// Key variables
    var leftKey = false;
    var rightKey = false;
    var upKey = false;
    var downKey = false;

// Event listeners for key presses
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function drawPlane() {
      context.drawImage(planeImage, planeX, planeY, 100, 100);
    }

function updateGame() {
      context.clearRect(0, 0, canvas.width, canvas.height);

if (leftKey) {
        planeX -= planeSpeed;
      }
      if (rightKey) {
        planeX += planeSpeed;
      }
      if (upKey) {
        planeY -= planeSpeed;
      }
      if (downKey) {
        planeY += planeSpeed;
      }

drawPlane();

requestAnimationFrame(updateGame);
    }

updateGame();
  </script>
</body>
</html>