I want to make a gun game's game

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

No:24031

←

Prev Next

→

I want to make a gun game
Developer User11268｜Date and time 23/11/5 11:17:39
Build time 82.873 sec｜Game capacity 2.974KB｜

Script

Sure! Below is an example of a simple gun game implemented as a single HTML file using JavaScript and pictograms. You can copy the code and save it in an HTML file to run the game.

🔫

🎯

In this game, you will see a gun (`🔫`) and a target (`🎯`). To play the game, you need to click the "Shoot" button and the gun will fire towards the target. If the bullet hits the target (within a range of 10 units), you win and a celebration message will be displayed. If you miss the target, you will be notified accordingly. You can then click the "Reset" button to play again. Please note that this is a simple example and can be enhanced further with additional features based on your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Below is an example of a simple gun game implemented as a single HTML file using JavaScript and pictograms. You can copy the code and save it in an HTML file to run the game.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gun Game</title>
  <style>
    body {
      text-align: center;
      font-family: sans-serif;
    }
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 100px;
    }
    #gun {
      font-size: 70px;
    }
    #target {
      font-size: 70px;
      margin-bottom: 20px;
    }
    .btn {
      display: inline-block;
      font-size: 18px;
      padding: 10px 20px;
      margin: 5px;
      cursor: pointer;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <button class="btn" onclick="shoot()">Shoot</button>
    <p id="gun">🔫</p>
    <p id="target">🎯</p>
    <button class="btn" onclick="reset()">Reset</button>
  </div>

function shoot() {
      clearTimeout(targetInterval);

// Calculate distance between gun and target
      var distance = targetPosition - 10;

// If target is within shooting range
      if (distance >= 0 && distance <= 10) {
        // Player wins
        document.getElementById("gun").innerHTML = "💥";
        document.getElementById("target").innerHTML = "🎉 You Won!";
      } else {
        // Player misses
        document.getElementById("gun").innerHTML = "🔫";
        document.getElementById("target").innerHTML = "😔 You Missed!";
      }

gameInterval = setTimeout(reset, 2000);
    }

function reset() {
      clearTimeout(gameInterval);

// Reset gun and target positions
      targetPosition = getRandomPosition();
      document.getElementById("gun").innerHTML = "🔫";
      document.getElementById("target").innerHTML = "🎯";

// Move the target randomly every 1 second
      targetInterval = setInterval(moveTarget, 1000);
    }

function getRandomPosition() {
      return Math.floor(Math.random() * 80) + 10;
    }

function moveTarget() {
      targetPosition = getRandomPosition();
      document.getElementById("target").style.marginLeft = targetPosition + "%";
    }

// Start the game
    reset();
  </script>
</body>
</html>
```

Please note that this is a simple example and can be enhanced further with additional features based on your requirements.