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

No:17890

←

Prev Next

→

Created a game
Developer User7819｜Date and time 23/9/25 4:18:46
Build time 27.114 sec｜Game capacity 2.641KB｜

Script

Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game involves clicking on pictograms to score points within a given time limit. The game is optimized for smartphone operation using touchscreen inputs. Please note that the game logic and pictograms used are simple for this example:

Pictogram Game

Score: 0

Time: 60 sec

In this example, the game creates a simple interface with a score display, timer display, and a game area containing pictograms. The player's goal is to click on the pictograms to score points within a 60-second time limit. The score is updated whenever a pictogram is clicked. Once the timer reaches 0, the game ends, and an alert displays the final score.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Pictogram Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      margin-top: 100px;
    }

#score {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }

#timer {
      font-size: 24px;
      margin-bottom: 20px;
    }

#game-area {
      display: flex;
      justify-content: center;
    }

.pictogram {
      width: 100px;
      height: 100px;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Pictogram Game</h1>
  <div id="score">Score: 0</div>
  <div id="timer">Time: 60 sec</div>
  <div id="game-area">
    <img class="pictogram" src="pictogram1.png">
    <img class="pictogram" src="pictogram2.png">
    <img class="pictogram" src="pictogram3.png">
    
  </div>

// Update score display
    function updateScore() {
      document.getElementById("score").innerText = "Score: " + score;
    }

// Update timer display
    function updateTimer() {
      document.getElementById("timer").innerText = "Time: " + timer + " sec";
    }

// Game over
    function gameOver() {
      clearInterval(interval);
      alert("Game over! Your score is: " + score);
    }

// Handle pictogram click
    function handleClick() {
      score++;
      updateScore();
    }

// Add click event listeners to pictograms
    var pictograms = document.getElementsByClassName("pictogram");
    for (var i = 0; i < pictograms.length; i++) {
      pictograms[i].addEventListener("click", handleClick);
    }

// Create timer countdown
    var interval = setInterval(function() {
      timer--;
      updateTimer();

if (timer === 0) {
        gameOver();
      }
    }, 1000);
  </script>
</body>
</html>
```