AI game creator

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

No:39675

←

Prev Next

→

Aroplane game
Developer User17704｜Date and time 24/1/29 19:49:47
Build time 14.087 sec｜Game capacity 2.757KB｜

Script

Sure, here's a simple airplane game implemented as a single HTML file using JavaScript and enclosed in script tags. The game will be playable on smartphones and will use pictograms for the graphics. Please note that this is a basic implementation and can be expanded upon to add more features and improve the gameplay experience.

To play the game, open the HTML file in a web browser on your smartphone. The game canvas will show an airplane represented by a black rectangle. You can control the airplane's movement using the arrow keys. The airplane will move in the corresponding direction when you press the arrow keys.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Airplane Game</title>
    <style>
      canvas {
        border: 1px solid #000;
        display: block;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Airplane object
      var airplane = {
        x: canvas.width / 2 - 20,
        y: canvas.height / 2 - 20,
        width: 40,
        height: 40,
        speed: 5,
        dx: 0,
        dy: 0
      };

// Arrow key event listeners
      document.addEventListener("keydown", handleKeyDown);
      document.addEventListener("keyup", handleKeyUp);

function handleKeyUp(e) {
        if (
          e.key === "ArrowUp" ||
          e.key === "Up" ||
          e.key === "ArrowDown" ||
          e.key === "Down"
        ) {
          airplane.dy = 0;
        } else if (
          e.key === "ArrowLeft" ||
          e.key === "Left" ||
          e.key === "ArrowRight" ||
          e.key === "Right"
        ) {
          airplane.dx = 0;
        }
      }

// Game loop
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move the airplane
        airplane.x += airplane.dx;
        airplane.y += airplane.dy;

// Draw the airplane
        ctx.fillStyle = "#000";
        ctx.fillRect(airplane.x, airplane.y, airplane.width, airplane.height);

requestAnimationFrame(draw);
      }

// Start the game loop
      draw();
    </script>
  </body>
</html>
```