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

No:47532

70

A army war game
Developer User20507｜Date and time 24/2/28 9:13:41
Build time 8.624 sec｜Game capacity 1.828KB｜

Army War Game

Tap the screen to launch missiles and destroy enemy tanks!

Score: 0

→ 　

0　

0　

[PR]現在の売れ筋ゲームアプリランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<style>
  body {
    text-align: center;
  }
</style>
</head>
<body>

<h1>Army War Game</h1>
<p>Tap the screen to launch missiles and destroy enemy tanks!</p>
<p>Score: <span id="score">0</span></p>
<canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
  const canvas = document.getElementById("gameCanvas");
  const ctx = canvas.getContext("2d");
  let score = 0;

let tanks = [];
  let missiles = [];
  
  canvas.addEventListener("click", (event) => {
    missiles.push({
      x: event.offsetX,
      y: event.offsetY,
      speed: 5
    });
  });

function updateGame() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    
    // Draw tanks
    tanks.forEach((tank) => {
      ctx.fillStyle = "green";
      ctx.fillRect(tank.x, tank.y, 30, 20);
    });
    
    // Draw missiles
    missiles.forEach((missile, index) => {
      missile.y -= missile.speed;
      ctx.fillStyle = "red";
      ctx.fillRect(missile.x, missile.y, 5, 10);
      
      // Check for missile-tank collision
      tanks.forEach((tank, tankIndex) => {
        if (missile.x >= tank.x && missile.x <= tank.x + 30 && missile.y >= tank.y && missile.y <= tank.y + 20) {
          missiles.splice(index, 1);
          tanks.splice(tankIndex, 1);
          score++;
          document.getElementById("score").innerText = score;
        }
      });
    });
    
    // Generate new tanks
    if (Math.random() < 0.01) {
      tanks.push({
        x: Math.random() * (canvas.width - 30),
        y: canvas.height
      });
    }
    
    // Check for game over
    tanks.forEach((tank) => {
      if (tank.y <= 0) {
        alert("Game Over! Your score: " + score);
        location.reload();
      }
    });
    
    requestAnimationFrame(updateGame);
  }

updateGame();
</script>

</body>
</html>