Shooting game ...things appear & shoot them's game

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

No:15571

←

Prev Next

→

Shooting game ...things appear & shoot them
Developer User6688｜Date and time 23/9/10 1:52:24
Build time 20.156 sec｜Game capacity 2.176KB｜

Script

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

Score: 0

In this game, targets (represented by red circles) will randomly appear within the game container. The objective is to shoot them by clicking on them, which will turn them green and increase the score by 10. Targets will disappear after 2 seconds if not shot. The current score is displayed above the game container.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
      border: 1px solid black;
      background-color: #f0f0f0;
    }
    .target {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #ff0000;
      border-radius: 50%;
      cursor: pointer;
    }
    #score {
      margin-top: 10px;
      font-size: 20px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="score">Score: 0</div>
  </div>

// Function to handle shooting event
    function shoot(obj) {
      obj.style.backgroundColor = "#00ff00";
      obj.onclick = null; // Disable further clicks on the target
      score += 10; // Increase score by 10
      document.getElementById("score").textContent = "Score: " + score;
    }

// Function to create new targets at random positions
    function createTarget() {
      var target = document.createElement("div");
      target.className = "target";
      target.style.left = Math.floor(Math.random() * (window.innerWidth - 50)) + "px";
      target.style.top = Math.floor(Math.random() * (400 - 50)) + "px";
      target.onclick = function() { shoot(this); };
      document.getElementById("game-container").appendChild(target);

// Remove the target after 2 seconds
      setTimeout(function() {
        target.remove();
      }, 2000);
    }

// Start the game
    function startGame() {
      setInterval(createTarget, 1000); // Create new targets every second
    }

// Call the startGame function to begin the game
    startGame();
  </script>
</body>
</html>
```