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

No:41180

←

Prev Next

→

Find the color
Developer User18485｜Date and time 24/2/6 12:37:55
Build time 10.175 sec｜Game capacity 2.905KB｜

Script

Sure! Here's an example of a simple game where the player needs to find the color based on the given pictogram. The game is designed to be played on a smartphone and uses JavaScript to handle the logic. The game is implemented as a single HTML file enclosed in script tags:

Find the Color Game

In this game, the player is presented with a pictogram represented by a square and needs to identify the corresponding color among the options (`red`, `green`, and `blue`). The player can tap/click on the color options, and upon selecting an option, the game checks if it matches the color shown in the pictogram. A message is then displayed alerting the player if the answer was correct or not. Please note that the display of the pictogram is currently represented by the emoji "🟣". You can replace it with relevant pictogram icons or images if available.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Find the Color Game</title>
  <style>
    #pictogram {
      width: 200px;
      height: 200px;
      font-size: 150px;
      text-align: center;
      line-height: 200px;
      border: 5px solid black;
      margin: 50px auto;
    }
    
    #color-options {
      text-align: center;
      margin: 30px auto;
    }
    
    .color-option {
      display: inline-block;
      width: 80px;
      height: 80px;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Find the Color Game</h1>

function getRandomColor() {
      var randomIndex = Math.floor(Math.random() * colorOptions.length);
      return colorOptions[randomIndex];
    }

function displayPictogram(color) {
      pictogramElement.innerHTML = '🟣'; // Replace with pictogram icons if available
      pictogramElement.style.backgroundColor = color;
    }

function displayColorOptions() {
      var colorOptionElements = document.getElementsByClassName('color-option');
      for (var i = 0; i < colorOptionElements.length; i++) {
        colorOptionElements[i].style.backgroundColor = colorOptions[i];
      }
    }

function startNewRound() {
      var randomColor = getRandomColor();
      displayPictogram(randomColor);
      displayColorOptions();
    }

// Start the game
    startNewRound();
  </script>
</body>
</html>
```

Please note that the display of the pictogram is currently represented by the emoji "🟣". You can replace it with relevant pictogram icons or images if available.