AI game creator

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

No:20121

←

Prev Next

→

Shooting Game
Developer User8960｜Date and time 23/10/8 12:39:05
Build time 20.514 sec｜Game capacity 3.726KB｜

Script

Sure, here's a simple shooting game implemented as a single HTML file using JavaScript. The game assumes smartphone operation and uses pictograms for visual representation. The player's objective is to shoot falling targets before they reach the bottom of the screen.

🔫

To play the game, you can copy the entire code into an HTML file and open it in a web browser. You control the game by tapping or clicking on the cannon emoji ('🔫') at the bottom of the screen to shoot down falling targets ('🎯'). The game ends when you run out of lives, and your score is displayed in an alert popup. Good luck and have fun shooting!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Shooting Game</title>
    <style>
      #game-area {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
      }
      #cannon {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 40px;
      }
      .target {
        position: absolute;
        top: -50px;
        left: 0;
        width: 50px;
        height: 50px;
        font-size: 30px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div id="game-area">
      <div id="cannon">🔫</div>
    </div>
    <script>
      // Constants
      const gameArea = document.getElementById("game-area");
      const cannon = document.getElementById("cannon");
      const targets = [];

// Game configuration
      const targetSpeed = 3;
      const spawnInterval = 1000;
      const initialLives = 3;

// Game state
      let score = 0;
      let lives = initialLives;

// Game logic
      function spawnTarget() {
        const target = document.createElement("div");
        target.classList.add("target");
        target.innerText = "🎯";
        target.style.left = Math.random() * (gameArea.clientWidth - 50) + "px";
        gameArea.appendChild(target);
        targets.push(target);
      }

// Event listeners
      cannon.addEventListener("click", () => {
        const bullet = document.createElement("div");
        bullet.classList.add("target");
        bullet.innerText = "💥";
        bullet.style.left = cannon.style.left;
        bullet.style.top = cannon.getBoundingClientRect().top + "px";
        gameArea.appendChild(bullet);
        setTimeout(() => {
          bullet.remove();
        }, 500);
      });

// Start game
      setInterval(spawnTarget, spawnInterval);
      updateGame();
    </script>
  </body>
</html>
```