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

No:17404

122

←

Prev Next

→

A very weird optical illusion
Developer User7500｜Date and time 23/9/23 7:11:51
Build time 19.375 sec｜Game capacity 2.555KB｜

Script

Sure, here's a simple game based on a weird optical illusion that you can play on a smartphone using pictograms:

Weird Optical Illusion Game

Look at the following pictograms and memorize their positions.

Find the hidden pictogram:

To customize the game, you can replace the `<img>` tags inside the `#pictograms` div with your own pictogram images. Ensure that each image has the `data-answer` attribute set to either `"true"` or `"false"`, depending on whether it's the hidden pictogram or not. Remember to replace the image sources `"emozi_bear.png"`, `"emozi_chicken.png"`, etc., with the actual image paths on your system.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure, here's a simple game based on a weird optical illusion that you can play on a smartphone using pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Weird Optical Illusion Game</title>
    <style>
      body {
        font-size: 2rem;
        text-align: center;
      }
      #instruction,
      #game {
        display: none;
      }
    </style>
  </head>
  <body>
    <h1>Weird Optical Illusion Game</h1>
    <div id="instruction">
      <p>
        Look at the following pictograms and memorize their positions.
      </p>
    </div>
    <div id="game">
      <p>Find the hidden pictogram:</p>
      <div id="pictograms">
        
        <img src="pictogram1.png" alt="Pictogram 1" data-answer="false" />
        <img src="pictogram2.png" alt="Pictogram 2" data-answer="false" />
        <img src="pictogram3.png" alt="Pictogram 3" data-answer="true" />
      </div>
      <p id="result"></p>
      <button onClick="checkAnswer()">Check Answer</button>
    </div>
    <script>
      let gameStarted = false;

function startGame() {
        document.getElementById("instruction").style.display = "none";
        document.getElementById("game").style.display = "block";
        gameStarted = true;
      }

setTimeout(startGame, 5000); // Start game after 5 seconds

// Feel free to add more functions or modify the code as needed
    </script>
  </body>
</html>
```

Remember to replace the image sources `"pictogram1.png"`, `"pictogram2.png"`, etc., with the actual image paths on your system.