I want a 2d game that you run away from aliens that shoot orbs's game | AI game creator

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

No:38230

30

I want a 2d game that you run away from aliens tha..ALL
Developer User17290｜Date and time 24/1/23 15:59:15
Build time 14.759 sec｜Game capacity 3.771KB｜

Sure! Here's a simple game where you play as a character running away from aliens that shoot orbs. It is implemented as a single HTML file and contains JavaScript enclosed in script tags. The game is designed to be played on a smartphone and uses pictograms to represent the players and aliens. Please note that the code snippet provided below is a simplified version and may not include all the game features or advanced functionalities. You can build upon this code to enhance the game further.

🚀

To play the game, you can copy the code above and save it as an HTML file, for example, `game.html`. Then, you can open the file in a web browser on your smartphone to start playing. The game features a rocket ship as the player character and aliens shooting red orbs from above. Your objective is to avoid colliding with the aliens or the orbs for as long as possible. If you collide with any, the game ends, and an alert message will be displayed saying "Game Over!" Please note that this is a simple implementation and can be further enhanced with additional game features, levels, scoring, and more.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple game where you play as a character running away from aliens that shoot orbs. It is implemented as a single HTML file and contains JavaScript enclosed in script tags. The game is designed to be played on a smartphone and uses pictograms to represent the players and aliens.

Please note that the code snippet provided below is a simplified version and may not include all the game features or advanced functionalities. You can build upon this code to enhance the game further.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Escape from Aliens</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
      background-color: #000;
    }
    
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      font-size: 40px;
    }
    
    .alien {
      position: absolute;
      bottom: 100%;
      font-size: 30px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">🚀</div>
  </div>

<script>
    window.addEventListener('DOMContentLoaded', (event) => {
      const player = document.getElementById('player');
      let playerX = window.innerWidth / 2;
      let playerY = window.innerHeight;
      
      const createAlien = () => {
        const alien = document.createElement('div');
        alien.classList.add('alien');
        alien.innerHTML = '👽';
        const alienX = Math.random() * (window.innerWidth - 50);
        const alienY = 0;
        alien.style.left = alienX + 'px';
        alien.style.bottom = alienY + 'px';
        document.body.appendChild(alien);
        
        const orb = document.createElement('div');
        orb.classList.add('alien');
        orb.innerHTML = '🔴';
        const orbX = alienX + 25;
        const orbY = alienY + 50;
        orb.style.left = orbX + 'px';
        orb.style.bottom = orbY + 'px';
        document.body.appendChild(orb);
        
        setInterval(() => {
          alienY += 5;
          orbY += 5;
          alien.style.bottom = alienY + 'px';
          orb.style.bottom = orbY + 'px';
          
          if (alienY > window.innerHeight) {
            alien.remove();
            orb.remove();
          }
          
          const collided = checkCollision(playerX, playerY, alienX, alienY);
          if (collided) {
            clearInterval(gameLoop);
            alert('Game Over!');
          }
        }, 50);
      };
      
      const gameLoop = setInterval(createAlien, 1000);
      
      const checkCollision = (x1, y1, x2, y2) => {
        if (Math.abs(x1 - x2) <= 30 && Math.abs(y1 - y2) <= 30) {
          return true;
        }
        return false;
      };
      
      const movePlayer = (event) => {
        const touchX = event.touches[0].clientX;
        if (touchX < window.innerWidth / 2 && playerX > 0) {
          playerX -= 20;
        } else if (touchX > window.innerWidth / 2 && playerX < window.innerWidth) {
          playerX += 20;
        }
        player.style.left = playerX + 'px';
      };
      
      window.addEventListener('touchmove', movePlayer);
    });
  </script>
</body>
</html>
```

To play the game, you can copy the code above and save it as an HTML file, for example, `game.html`. Then, you can open the file in a web browser on your smartphone to start playing. The game features a rocket ship as the player character and aliens shooting red orbs from above. Your objective is to avoid colliding with the aliens or the orbs for as long as possible. If you collide with any, the game ends, and an alert message will be displayed saying "Game Over!"

Please note that this is a simple implementation and can be further enhanced with additional game features, levels, scoring, and more.