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

No:41291

105

←

Prev Next

→

Ishowspeed game
Developer User18493｜Date and time 24/2/6 19:15:03
Build time 13.671 sec｜Game capacity 3.261KB｜

Script

Sure! Below is a simple example of a game called "IShowSpeed" implemented as a single HTML file using JavaScript and pictograms. It is designed for smartphone operation and tests your reflexes.

IShowSpeed Game

Click on the pictograms as fast as you can!

In this game, players need to click on the pictograms as fast as they can within a given time limit. Each correct click increases the score. At the end of the game, the player can click the "Play Again" button to start a new game. To make it a fully functional game, you will need to replace the placeholder image URLs (`emozi_all/game.png`, `emozi_rabbit.png`, etc.) with actual pictogram images that you want to display in the game.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Below is a simple example of a game called "IShowSpeed" implemented as a single HTML file using JavaScript and pictograms. It is designed for smartphone operation and tests your reflexes.

```html
<!DOCTYPE html>
<html>
<head>
  <title>IShowSpeed Game</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    
    #startButton {
      font-size: 32px;
      padding: 10px 20px;
    }
    
    #gameArea {
      padding-top: 100px;
    }
    
    .pictogram {
      width: 100px;
      height: 100px;
      margin: 10px;
      display: none;
    }
  </style>
</head>
<body>
  <h1>IShowSpeed Game</h1>
  <p>Click on the pictograms as fast as you can!</p>
  
  <button id="startButton">Start Game</button>
  
  <div id="gameArea">
    <img src="pictogram1.png" class="pictogram" id="pictogram1">
    <img src="pictogram2.png" class="pictogram" id="pictogram2">
    <img src="pictogram3.png" class="pictogram" id="pictogram3">
    <img src="pictogram4.png" class="pictogram" id="pictogram4">
  </div>
  
  <script>
    var gameStarted = false;
    var score = 0;
    var timeLeft = 30;
    var timer;
    
    var startButton = document.getElementById('startButton');
    var pictograms = document.getElementsByClassName('pictogram');
    
    startButton.addEventListener('click', function() {
      if (!gameStarted) {
        gameStarted = true;
        startButton.style.display = 'none';
        showRandomPictogram();
        timer = setInterval(updateTime, 1000);
      }
    });
    
    for (var i = 0; i < pictograms.length; i++) {
      pictograms[i].addEventListener('click', function() {
        if (gameStarted) {
          score++;
          hideAllPictograms();
          showRandomPictogram();
        }
      });
    }
    
    function showRandomPictogram() {
      var randomIndex = Math.floor(Math.random() * pictograms.length);
      pictograms[randomIndex].style.display = 'inline';
    }
    
    function hideAllPictograms() {
      for (var i = 0; i < pictograms.length; i++) {
        pictograms[i].style.display = 'none';
      }
    }
    
    function updateTime() {
      timeLeft--;
      
      if (timeLeft <= 0) {
        clearInterval(timer);
        gameStarted = false;
        startButton.innerHTML = 'Play Again';
        startButton.style.display = 'inline';
      }
    }
    
    function updateDisplay() {
      document.getElementById('pictogram1').src = 'pictogram1.png';
      document.getElementById('pictogram2').src = 'pictogram2.png';
      document.getElementById('pictogram3').src = 'pictogram3.png';
      document.getElementById('pictogram4').src = 'pictogram4.png';
      
      document.getElementById('startButton').innerHTML = 'Start Game';
      
      hideAllPictograms();
    }
    
    updateDisplay();
  </script>
</body>
</html>
```

To make it a fully functional game, you will need to replace the placeholder image URLs (`pictogram1.png`, `pictogram2.png`, etc.) with actual pictogram images that you want to display in the game.