AI game creator

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

No:13223

←

Prev Next

→

Coding platform
Developer User5805｜Date and time 23/8/27 10:30:21
Build time 12.18 sec｜Game capacity 2.395KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file with JavaScript using pictograms. This game can be played on a smartphone.

In this example, we have a simple game that displays three pictograms. The player needs to select the correct answer among the three available options. The game starts automatically when the page loads, and the player can click on one of the buttons to submit their answer. The result is displayed below the buttons.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure, here's an example of a simple game implemented as a single HTML file with JavaScript using pictograms. This game can be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      font-size: 36px;
      text-align: center;
      padding-top: 100px;
    }
  </style>
</head>
<body>
  
  <div id="pictograms">
    <img src="pictogram1.png" alt="pictogram1" id="pictogram1">
    <img src="pictogram2.png" alt="pictogram2" id="pictogram2">
    <img src="pictogram3.png" alt="pictogram3" id="pictogram3">
  </div>

<div id="buttons">
    <button onclick="checkAnswer(1)">Answer 1</button>
    <button onclick="checkAnswer(2)">Answer 2</button>
    <button onclick="checkAnswer(3)">Answer 3</button>
  </div>

<div id="result"></div>

// Function to start the game
    function startGame() {
      randomNumber = Math.floor(Math.random() * 3) + 1; // Generate a random number between 1 and 3

// Set the correct answer based on the random number
      if (randomNumber === 1) {
        correctAnswer = 1;
      } else if (randomNumber === 2) {
        correctAnswer = 2;
      } else if (randomNumber === 3) {
        correctAnswer = 3;
      }

// Display the pictograms
      document.getElementById('pictogram1').src = 'pictogram1.png';
      document.getElementById('pictogram2').src = 'pictogram2.png';
      document.getElementById('pictogram3').src = 'pictogram3.png';

// Clear the result display
      document.getElementById('result').innerHTML = '';
    }

// Function to check the selected answer
    function checkAnswer(answer) {
      if (answer === correctAnswer) {
        document.getElementById('result').innerHTML = 'Correct!';
      } else {
        document.getElementById('result').innerHTML = 'Wrong!';
      }
    }

// Start the game when the page loads
    startGame();
  </script>
</body>
</html>
```