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

No:18924

Aliens 👽 vs astronauts 🔫 shooter. Goal to k○ll 20 ..ALL
Developer TimoshQ｜Date and time 23/10/1 5:12:45
Build time 7.775 sec｜Game capacity 2.355KB｜

Script

Sure! Here's a simplified implementation of the Aliens vs Astronauts shooter game using JavaScript and pictograms. You can copy the code below and save it as an HTML file to play the game in a web browser:

Aliens vs Astronauts

Score:

Please note that you'll need to replace the image sources (`emozi_rabbit.png`, `emozi_apple.png`) with your own image files. You can customize the game further by adding sound effects, animations, or additional features as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Aliens vs Astronauts</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      background-color: #F2F2F2;
    }

#game-board {
      margin-top: 30px;
    }

#score {
      font-size: 24px;
    }
  </style>
</head>

<body>
  <h1>Aliens vs Astronauts</h1>
  <div id="game-board">
    <img id="alien" src="alien_icon.png" alt="Alien" width="100" height="100">
    <img id="astronaut" src="astronaut_icon.png" alt="Astronaut" width="100" height="100">
  </div>
  <p id="score">Score: </p>

let score = 0;

// Function to calculate the distance between two elements
      function calculateDistance(elem1, elem2) {
        const rect1 = elem1.getBoundingClientRect();
        const rect2 = elem2.getBoundingClientRect();

const distanceX = Math.abs(rect1.x - rect2.x);
        const distanceY = Math.abs(rect1.y - rect2.y);

return Math.sqrt(distanceX ** 2 + distanceY ** 2);
      }

// Function to handle shooting event
      function shoot(event) {
        const distance = calculateDistance(alien, astronaut);

if (distance < 100) {
          score++;
          scoreLabel.textContent = 'Score: ' + score;

if (score === 20) {
            alert('Congratulations! You killed 20 aliens! Game Over!');
            window.location.reload();
          }
        }
      }

// Add shooting event listener
      astronaut.addEventListener('click', shoot);
    });
  </script>
</body>

</html>
```

Please note that you'll need to replace the image sources (`alien_icon.png`, `astronaut_icon.png`) with your own image files. You can customize the game further by adding sound effects, animations, or additional features as per your requirements.