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

No:25975

77

Gun game
Developer User12764｜Date and time 23/11/25 23:41:59
Build time 56.56 sec｜Game capacity 2.25KB｜

Gun Game

Gun

Target

Missed Shots: 0

Explanation: The above code snippet implements a simple Gun Game using HTML and JavaScript. The game interface is displayed in a single HTML file enclosed within `
` tags. The game is designed for smartphone operation and uses pictograms (images) for the gun and target. Upon opening the HTML file in a web browser, the game interface is shown. The user can tap the "Shoot Target" button to attempt shooting the target. The game logic then calculates the positions of the target and the gun, comparing them to determine if the shot was a hit (i.e., the gun's position is within a threshold distance of the target's position). If the shot hits the target, a congratulatory alert is shown. Otherwise, the missed shots counter is incremented and displayed on the screen. Note: To run this game, you would need to have image files named "emozi_all/game.png" and "emozi_apple.png" in the same directory as the HTML file, and adjust the file names or paths in the code accordingly.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Gun Game</title>
</head>
<body>
  <div id="game-container" style="display: flex; flex-direction: column; align-items: center; height: 100vh;">
    <h1>Gun Game</h1>
    <img src="gun.png" alt="Gun" id="gun" style="width: 200px; height: auto; margin-bottom: 30px;">
    <button onclick="shootTarget()">Shoot Target</button>
    <div id="target-container" style="display: flex; justify-content: center;">
      <img src="target.png" alt="Target" id="target" style="width: 100px; height: auto;">
    </div>
    <h2 id="game-status">Missed Shots: 0</h2>
  </div>

<script>
    // Define variables
    var missedShots = 0;

// Function to shoot target
    function shootTarget() {
      var randomOffset = Math.floor(Math.random() * 100);
      var targetPosition = document.getElementById("target-container").offsetLeft + randomOffset;
      var gunPosition = document.getElementById("gun").offsetLeft + document.getElementById("gun").offsetWidth / 2;

if (Math.abs(targetPosition - gunPosition) <= 25) {
        alert("Congratulations! You hit the target!");
      } else {
        missedShots++;
        document.getElementById("game-status").innerHTML = "Missed Shots: " + missedShots;
      }
    }
  </script>
</body>
</html>
```

Explanation:
The above code snippet implements a simple Gun Game using HTML and JavaScript. The game interface is displayed in a single HTML file enclosed within `<script>` tags. The game is designed for smartphone operation and uses pictograms (images) for the gun and target.
Upon opening the HTML file in a web browser, the game interface is shown. The user can tap the "Shoot Target" button to attempt shooting the target. The game logic then calculates the positions of the target and the gun, comparing them to determine if the shot was a hit (i.e., the gun's position is within a threshold distance of the target's position). If the shot hits the target, a congratulatory alert is shown. Otherwise, the missed shots counter is incremented and displayed on the screen.

Note: To run this game, you would need to have image files named "gun.png" and "target.png" in the same directory as the HTML file, and adjust the file names or paths in the code accordingly.