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

No:39142

←

Prev Next

→

Topgun
Developer User17403｜Date and time 24/1/27 0:27:53
Build time 14.984 sec｜Game capacity 2.31KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and pictograms. It's designed for smartphone operation:

TopGun Game

Score: 0

In this example, we have a simple game where pictograms randomly appear and the player needs to tap/click on them to increase their score. The game starts automatically upon loading the HTML file and works on smartphones as well. The score is displayed at the top, and the pictograms (represented by images) are displayed within the game area.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and pictograms. It's designed for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>TopGun Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 200px;
    }
    
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    #game {
      width: 300px;
      height: 300px;
      border: 1px solid #000;
      margin: 0 auto;
      position: relative;
    }
    
    .pictogram {
      position: absolute;
      width: 70px;
      height: 70px;
      pointer-events: none;
    }
  </style>
</head>
<body>
  <h1>TopGun Game</h1>
  <div id="score">Score: 0</div>
  <div id="game">
    <img src="pictogram1.png" class="pictogram" id="target1">
    <img src="pictogram2.png" class="pictogram" id="target2">
    <img src="pictogram3.png" class="pictogram" id="target3">
  </div>

function increaseScore() {
      score++;
      document.getElementById('score').textContent = 'Score: ' + score;
    }

function handleClick(event) {
      if (event.target.classList.contains('pictogram')) {
        event.target.style.display = 'none';
        increaseScore();
      }
    }

// Game initialization
    document.getElementById('game').addEventListener('click', handleClick);
    
    // Randomly move the pictograms every 3 seconds
    setInterval(function() {
      var pictograms = document.getElementsByClassName('pictogram');
      Array.from(pictograms).forEach(function(pictogram) {
        var newX = Math.floor(Math.random() * 230) + 20;
        var newY = Math.floor(Math.random() * 230) + 20;
        pictogram.style.left = newX + 'px';
        pictogram.style.top = newY + 'px';
        pictogram.style.display = 'inline-block';
      });
    }, 3000);
  </script>
</body>
</html>
```