Make a indie game where u shoot aliens(playable game)'s game

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

No:12524

134

←

Prev Next

→

Make a indie game where u shoot aliens(playable ga..ALL
Developer User4044｜Date and time 23/8/19 5:53:44
Build time 22.18 sec｜Game capacity 4.037KB｜

Script

Sure! Here's an example of a simple indie game where you shoot aliens using JavaScript in a single HTML file:

This is a basic alien shooter game where you control a player using the left and right arrow keys and shoot bullets using the spacebar. Aliens will spawn at random positions from the top and move downwards. If your bullets hit an alien, they will be removed from the game. Please note that this is just a simplified example and there are many improvements that can be made to enhance the gameplay and visuals.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an example of a simple indie game where you shoot aliens using JavaScript in a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Alien Shooter Game</title>
    <style>
      #game-container {
        position: relative;
        width: 300px;
        height: 400px;
        border: 1px solid black;
      }
      #player {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 60px;
        background-color: blue;
      }
      .bullet {
        position: absolute;
        width: 4px;
        height: 20px;
        background-color: red;
      }
      .alien {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: green;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="player"></div>
    </div>
    
    <script>
      // Game variables
      var player;
      var bullets = [];
      var aliens = [];
      var gameInterval;
    
      // Player controls
      document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowLeft") {
          movePlayer(-10);
        }
        if (event.key === "ArrowRight") {
          movePlayer(10);
        }
        if (event.key === " ") {
          shoot();
        }
      });
    
      // Player movement
      function movePlayer(step) {
        var playerElement = document.getElementById("player");
        var newPosition = parseInt(playerElement.style.left) + step;
        playerElement.style.left = newPosition + "px";
      }
    
      // Shooting bullets
      function shoot() {
        var playerElement = document.getElementById("player");
        var bullet = document.createElement("div");
        bullet.classList.add("bullet");
        bullet.style.left = (parseInt(playerElement.style.left) + 18) + "px";
        bullet.style.bottom = "70px";
        
        var gameContainer = document.getElementById("game-container");
        gameContainer.appendChild(bullet);
        bullets.push(bullet);
      }
      
      // Create aliens
      function createAlien() {
        var alien = document.createElement("div");
        alien.classList.add("alien");
        alien.style.left = Math.random() * 260 + "px";
        alien.style.top = "10px";
        
        var gameContainer = document.getElementById("game-container");
        gameContainer.appendChild(alien);
        aliens.push(alien);
      }
      
      // Move aliens
      function moveAliens() {
        aliens.forEach(function(alien) {
          var currentTop = parseInt(alien.style.top);
          alien.style.top = (currentTop + 1) + "px";
        });
      }
      
      // Check collisions
      function checkCollisions() {
        bullets.forEach(function(bullet) {
          var bulletRect = bullet.getBoundingClientRect();
          aliens.forEach(function(alien) {
            var alienRect = alien.getBoundingClientRect();
            if (bulletRect.top <= alienRect.bottom &&
                bulletRect.right >= alienRect.left &&
                bulletRect.left <= alienRect.right) {
              bullet.remove();
              alien.remove();
              bullets.splice(bullets.indexOf(bullet), 1);
              aliens.splice(aliens.indexOf(alien), 1);
            }
          });
        });
      }
      
      // Game loop
      function gameLoop() {
        createAlien();
        moveAliens();
        checkCollisions();
      }
      
      // Start the game
      gameInterval = setInterval(gameLoop, 1000);
    </script>
  </body>
</html>
```

Please note that this is just a simplified example and there are many improvements that can be made to enhance the gameplay and visuals.