towers getting hit by a plane's game

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

No:37328

←

Prev Next

→

towers getting hit by a plane
Developer User17003｜Date and time 24/1/21 1:14:20
Build time 12.327 sec｜Game capacity 3.312KB｜

Script

Sure, here's a simple game where you can play as a plane and destroy towers. The game is implemented as a single HTML file with JavaScript, enclosed in script tags.

To play the game, open the HTML file in a web browser on your smartphone. You can control the plane using the left and right arrow keys. The objective is to avoid colliding with the towers and survive as long as possible. Your score will continuously increase until you hit a tower, triggering a Game Over message.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple game where you can play as a plane and destroy towers. The game is implemented as a single HTML file with JavaScript, enclosed in script tags.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tower Attack Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game initialization
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

plane = {
        x: canvas.width / 2,
        y: canvas.height - 50,
        width: 50,
        height: 50,
        color: "#4287f5",
        speed: 5
      };

towers = [
        { x: 50, y: 50, width: 80, height: 200 },
        { x: 150, y: 150, width: 120, height: 150 },
        { x: 300, y: 100, width: 100, height: 250 }
      ];

document.addEventListener("keydown", handleKeyDown);
      document.addEventListener("keyup", handleKeyUp);

draw();
    }

// Event handlers for plane movement
    function handleKeyDown(event) {
      if (event.key === "ArrowLeft") {
        plane.x -= plane.speed;
      } else if (event.key === "ArrowRight") {
        plane.x += plane.speed;
      }
    }

function handleKeyUp(event) {
      if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
        plane.x += 0; // Stop plane movement
      }
    }

// Check for collisions between plane and towers
    function checkCollisions() {
      for (var i = 0; i < towers.length; i++) {
        var tower = towers[i];
        if (
          plane.x < tower.x + tower.width &&
          plane.x + plane.width > tower.x &&
          plane.y < tower.y + tower.height &&
          plane.y + plane.height > tower.y
        ) {
          gameOver = true;
          clearInterval(requestAnimationFrameId);
          alert("Game Over! Your final score is: " + score);
        }
      }
    }

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

if (!gameOver) {
        // Draw plane
        ctx.fillStyle = plane.color;
        ctx.fillRect(plane.x, plane.y, plane.width, plane.height);

// Draw towers
        ctx.fillStyle = "#000000";
        for (var i = 0; i < towers.length; i++) {
          var tower = towers[i];
          ctx.fillRect(tower.x, tower.y, tower.width, tower.height);
        }

// Increase score and move towers
        score++;
        for (var i = 0; i < towers.length; i++) {
          towers[i].y += plane.speed;
        }

// Check for collisions
        checkCollisions();

// Request next frame
        requestAnimationFrameId = requestAnimationFrame(draw);
      }
    }

init();
  </script>
</body>
</html>
```