AI game creator

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

No:31654

120

←

Prev Next

→

Shooting Game
Developer User15220｜Date and time 23/12/28 3:51:12
Build time 26.301 sec｜Game capacity 3.954KB｜

Script

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

🚀

This game allows you to control a spaceship using mouse movements and shoot down randomly appearing targets. The goal is to hit 10 targets to win the game. The player is represented by a rocket ship emoji (🚀) and the targets by blue squares.

←

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 shooting game implemented as a single HTML file using JavaScript and enclosed in `<script>` tags:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Shooting Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
      background-color: #eee;
    }
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      font-size: 50px;
    }
    .bullet {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      width: 10px;
      height: 10px;
      background-color: red;
    }
    .target {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      background-color: blue;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">🚀</div>
  </div>
  
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const gameContainer = document.getElementById("game-container");
      const player = document.getElementById("player");
      const bullets = [];
      let targetsHit = 0;

// Handle player movement
      gameContainer.addEventListener("mousemove", function(event) {
        player.style.left = event.clientX + "px";
      });

// Handle shooting
      gameContainer.addEventListener("click", function() {
        const newBullet = document.createElement("div");
        newBullet.className = "bullet";
        gameContainer.appendChild(newBullet);
        bullets.push(newBullet);
      });

// Move bullets and check for collision with targets
      function moveBullets() {
        for (let i = 0; i < bullets.length; i++) {
          const bullet = bullets[i];
          bullet.style.bottom = parseInt(bullet.style.bottom) + 10 + "px";

const bulletRect = bullet.getBoundingClientRect();
          const targets = document.getElementsByClassName("target");
          
          for (let j = 0; j < targets.length; j++) {
            const target = targets[j];
            const targetRect = target.getBoundingClientRect();
            
            if (bulletRect.top <= targetRect.bottom && bulletRect.right >= targetRect.left && bulletRect.left <= targetRect.right) {
              gameContainer.removeChild(bullet);
              bullets.splice(i, 1);
              gameContainer.removeChild(target);
              targetsHit++;

if (targetsHit >= 10) {
                alert("Game Over! You won!");
                resetGame();
              }
              break;
            }
          }

if (parseInt(bullet.style.bottom) >= gameContainer.clientHeight) {
            gameContainer.removeChild(bullet);
            bullets.splice(i, 1);
          }
        }
      }

// Create random targets
      function createTargets() {
        const target = document.createElement("div");
        target.className = "target";
        target.style.left = Math.floor(Math.random() * (gameContainer.clientWidth - 50)) + "px";
        gameContainer.appendChild(target);

setTimeout(createTargets, Math.random() * 1000 + 500);
      }

// Reset game
      function resetGame() {
        while (bullets.length > 0) {
          gameContainer.removeChild(bullets.pop());
        }

while (gameContainer.getElementsByClassName("target").length > 0) {
          gameContainer.removeChild(gameContainer.getElementsByClassName("target")[0]);
        }

targetsHit = 0;
        createTargets();
      }

// Start game
      createTargets();
      setInterval(moveBullets, 50);
    });
  </script>
</body>
</html>
```