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

No:39713

←

Prev Next

→

A sniper hitman game
Developer User17788｜Date and time 24/1/29 23:33:40
Build time 15.837 sec｜Game capacity 2.589KB｜

Script

Sure! Here's a basic implementation of a sniper hitman game using JavaScript, HTML, and pictograms:

Sniper Hitman Game

In this game, there are three targets placed at different positions on the game display. The player needs to click on the targets to eliminate them. The crosshair follows the player's clicks on the game display. Once a target is hit, it is marked with a "hit" image. Please note that for this implementation to work, you'll need to have the pictograms (`emozi_chicken.png` and `emozi_rabbit.png`) available in the same directory as the HTML file, and make sure to replace `'emozi_rabbit.png'` and `'emozi_apple.png'` with the actual paths to your pictograms.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a basic implementation of a sniper hitman game using JavaScript, HTML, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Sniper Hitman Game</title>
  <style>
    #game-display {
      width: 100%;
      height: 400px;
      background: #111;
      position: relative;
    }
    #crosshair {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      background: url('crosshair.png') no-repeat center center;
      pointer-events: none;
    }
  </style>
</head>
<body>
  <h1>Sniper Hitman Game</h1>
  <div id="game-display">
    <div id="crosshair"></div>
  </div>

targets.forEach(target => {
        const targetElement = document.createElement('div');
        targetElement.className = 'target';
        targetElement.style.left = target.x + 'px';
        targetElement.style.top = target.y + 'px';
        gameDisplay.appendChild(targetElement);

targetElement.addEventListener('click', () => {
          if (!target.hit) {
            target.hit = true;
            targetElement.style.background = 'url("hit.png") no-repeat center center';
            targetElement.style.pointerEvents = 'none';
          }
        });
      });

gameDisplay.addEventListener('click', e => {
        const rect = gameDisplay.getBoundingClientRect();
        const x = e.clientX - rect.left;
        const y = e.clientY - rect.top;
        crosshair.style.left = x - crosshair.offsetWidth / 2 + 'px';
        crosshair.style.top = y - crosshair.offsetHeight / 2 + 'px';
      });
    }

startGame();
  </script>
</body>
</html>
```

Please note that for this implementation to work, you'll need to have the pictograms (`crosshair.png` and `hit.png`) available in the same directory as the HTML file, and make sure to replace `'crosshair.png'` and `'hit.png'` with the actual paths to your pictograms.