A Endless Shooter Game That Gets Harder Every Minute. In's game | AI game creator

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

No:35462

67

A Endless Shooter Game That Gets Harder Every Minu..ALL
Developer User16539｜Date and time 24/1/14 14:24:55
Build time 13.176 sec｜Game capacity 4.836KB｜

Sure, here's an example of a simple endless shooter game implemented in a single HTML file using JavaScript:

This game is designed to be played on a smartphone. The player can control a blue square located at the bottom of the screen by tapping and moving their finger. Tapping on the screen shoots bullets from the player square. The goal is to shoot down yellow enemy squares moving from top to bottom while avoiding collision with them. The speed of enemies and bullets increases every minute, making the game harder as time goes on. Please note that this is a simplified example and there are many possible improvements and additional features that could be added to make the game more enjoyable.

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

Sure, here's an example of a simple endless shooter game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Endless Shooter Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 600px;
      background-color: #eee;
      position: relative;
    }
    
    #player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .bullet {
      width: 10px;
      height: 10px;
      background-color: red;
      position: absolute;
    }
    
    .enemy {
      width: 40px;
      height: 40px;
      background-color: yellow;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>

<script>
    // Game variables
    var speed = 1; // Initial speed
    var score = 0;
    var gameContainer = document.getElementById("game-container");
    var player = document.getElementById("player");
    var bulletInterval;
    var enemyInterval;
  
    // Move player
    function movePlayer(event) {
      var position = event.touches[0].clientX;
      player.style.transform = "translateX(" + (position - gameContainer.offsetLeft) + "px)";
    }
  
    // Shoot bullet
    function shoot() {
      var bullet = document.createElement("div");
      bullet.className = "bullet";
      bullet.style.bottom = "70px";
      bullet.style.left = player.style.left;
  
      gameContainer.appendChild(bullet);
  
      var bulletMoveInterval = setInterval(function () {
        bullet.style.bottom = (parseInt(bullet.style.bottom) + 10) + "px";
  
        if (parseInt(bullet.style.bottom) > gameContainer.clientHeight) {
          clearInterval(bulletMoveInterval);
          bullet.remove();
        }
  
        // Check collision with enemies
        var enemies = document.getElementsByClassName("enemy");
        for (var i = 0; i < enemies.length; i++) {
          if (isColliding(bullet, enemies[i])) {
            clearInterval(bulletMoveInterval);
            bullet.remove();
            enemies[i].remove();
            score += 10;
          }
        }
      }, 20);
    }
  
    // Create enemy
    function createEnemy() {
      var enemy = document.createElement("div");
      enemy.className = "enemy";
      enemy.style.bottom = gameContainer.offsetHeight + "px";
      enemy.style.left = Math.random() * (gameContainer.offsetWidth - 40) + "px";
  
      gameContainer.appendChild(enemy);
  
      var enemyMoveInterval = setInterval(function () {
        enemy.style.bottom = (parseInt(enemy.style.bottom) - speed) + "px";
  
        if (parseInt(enemy.style.bottom) < 0) {
          clearInterval(enemyMoveInterval);
          enemy.remove();
        }
  
        // Check collision with player
        if (isColliding(player, enemy)) {
          clearInterval(enemyMoveInterval);
          clearInterval(bulletInterval);
          clearInterval(enemyInterval);
          alert("Game Over! Your score is: " + score);
        }
      }, 20);
    }
  
    // Check collision between two elements
    function isColliding(firstElement, secondElement) {
      var firstRect = firstElement.getBoundingClientRect();
      var secondRect = secondElement.getBoundingClientRect();
  
      return !(firstRect.top > secondRect.bottom ||
               firstRect.bottom < secondRect.top ||
               firstRect.right < secondRect.left ||
               firstRect.left > secondRect.right);
    }
  
    // Start the game
    function startGame() {
      // Register touch event to move the player
      gameContainer.addEventListener("touchmove", movePlayer);
  
      // Register touch event to shoot bullets
      gameContainer.addEventListener("touchend", shoot);
  
      // Game loop to increase speed and create enemies
      bulletInterval = setInterval(shoot, 1000);
      enemyInterval = setInterval(createEnemy, 1000);
  
      // Update score every minute
      setInterval(function () {
        speed += 0.2; // Increase speed
        score += 10; // Increase score
      }, 60000)
    }
  
    // Start the game initially
    startGame();
  </script>
</body>
</html>
```

This game is designed to be played on a smartphone. The player can control a blue square located at the bottom of the screen by tapping and moving their finger. Tapping on the screen shoots bullets from the player square. The goal is to shoot down yellow enemy squares moving from top to bottom while avoiding collision with them. The speed of enemies and bullets increases every minute, making the game harder as time goes on.

Please note that this is a simplified example and there are many possible improvements and additional features that could be added to make the game more enjoyable.