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

No:37940

←

Prev Next

→

Game
Developer User17159｜Date and time 24/1/21 22:15:51
Build time 9.871 sec｜Game capacity 2.411KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. This game is designed to be played on a smartphone and uses pictograms as visual elements.

Pictogram Game

Score: 0

🍎

🍌

🍊

🍉

🍇

In this game, you will see different fruit pictograms (🍎, 🍌, 🍊, 🍉, 🍇) arranged on the screen. By clicking on each pictogram, your score will increase, and the position of the clicked pictogram will be randomized. You can further enhance the game logic by adding additional features, sounds, or animations within the click event listener. Simply copy this code and save it as an HTML file, then open it in a web browser (preferably on a smartphone) to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin: 0;
      padding: 20px;
    }
    
    #game-area {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 400px;
    }
    
    #score {
      font-size: 18px;
      margin-top: 20px;
    }
    
    .pictogram {
      font-size: 48px;
      margin: 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Pictogram Game</h1>
  
  <div id="game-area">
    <div id="score">Score: 0</div>
    <div class="pictogram">🍎</div>
    <div class="pictogram">🍌</div>
    <div class="pictogram">🍊</div>
    <div class="pictogram">🍉</div>
    <div class="pictogram">🍇</div>
  </div>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      // Initialize game variables
      var score = 0;
      
      // Get all pictogram elements
      var pictograms = document.getElementsByClassName('pictogram');
      
      // Add click event listener to each pictogram
      for (var i = 0; i < pictograms.length; i++) {
        pictograms[i].addEventListener('click', function() {
          // Increase score and update display
          score++;
          document.getElementById('score').innerText = 'Score: ' + score;
          
          // Randomize the position of the clicked pictogram
          this.style.top = Math.floor(Math.random() * 300) + 'px';
          this.style.left = Math.floor(Math.random() * 300) + 'px';
          
          // Play a sound or perform any other game action
          // ...
        });
      }
    });
  </script>
</body>
</html>
```

Simply copy this code and save it as an HTML file, then open it in a web browser (preferably on a smartphone) to play the game.