AI game creator

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

No:25221

105

←

Prev Next

→

Shooting Game
Developer User12306｜Date and time 23/11/19 9:46:08
Build time 110.895 sec｜Game capacity 4.18KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript, enclosed in script tags:

This game creates a simple shooting game where the player can move horizontally by touching or clicking on the game area. The player shoots bullets at enemies, and the goal is to destroy as many enemies as possible without colliding with them. The game continuously spawns new enemies to increase the difficulty level.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    #game {
      position: relative;
      width: 400px;
      height: 600px;
      border: 1px solid #000;
    }
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }
    .bullet {
      position: absolute;
      width: 10px;
      height: 20px;
      background-color: blue;
    }
    .enemy {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: green;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>

// Move the player according to touch/click position
    function handleTouch(event) {
      var touchX = event.pageX || event.touches[0].pageX;
      var targetX = touchX - game.offsetLeft;
      player.style.left = targetX - player.offsetWidth / 2 + "px";
    }

// Shooting mechanism
    function shoot() {
      var bullet = document.createElement("div");
      bullet.className = "bullet";
      bullet.style.left = player.offsetLeft + player.offsetWidth / 2 - bullet.offsetWidth / 2 + "px";
      bullet.style.bottom = player.offsetHeight + "px";
      game.appendChild(bullet);
      bullets.push(bullet);
    }

// Move bullets upwards and check for collision with enemies
    function updateBullets() {
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].style.bottom = parseInt(bullets[i].style.bottom) + 10 + "px";

// Check for collision with enemies
        for (var j = 0; j < enemies.length; j++) {
          if (collisionDetection(bullets[i], enemies[j])) {
            game.removeChild(bullets[i]);
            bullets.splice(i, 1);
            game.removeChild(enemies[j]);
            enemies.splice(j, 1);
            score++;
            break;
          }
        }
      }
    }

// Spawn new enemies at random positions
    function spawnEnemies() {
      var enemy = document.createElement("div");
      enemy.className = "enemy";
      enemy.style.left = Math.random() * (game.offsetWidth - enemy.offsetWidth) + "px";
      enemy.style.top = -enemy.offsetHeight + "px";
      game.appendChild(enemy);
      enemies.push(enemy);
    }

// Move enemies downwards and check for collision with the player
    function updateEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        enemies[i].style.top = parseInt(enemies[i].style.top) + 5 + "px";

// Check for collision with the player
        if (collisionDetection(enemies[i], player)) {
          game over
          clearInterval(gameLoop);
        }
      }
    }

// Check for collision between two elements
    function collisionDetection(elem1, elem2) {
      var rect1 = elem1.getBoundingClientRect();
      var rect2 = elem2.getBoundingClientRect();
      return !(rect1.right < rect2.left || 
               rect1.left > rect2.right || 
               rect1.bottom < rect2.top || 
               rect1.top > rect2.bottom);
    }

// Game loop to update and render the game
    function gameLoop() {
      updateBullets();
      updateEnemies();
    }

// Start the game
    var gameLoop = setInterval(gameLoop, 30);
    setInterval(spawnEnemies, 1000);
    setInterval(shoot, 500);
  </script>
</body>
</html>
```