AI game creator

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

No:35807

←

Prev Next

→

Brown color
Developer User9721｜Date and time 24/1/15 12:18:22
Build time 11.589 sec｜Game capacity 2.623KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript. It can be played on a smartphone and includes pictograms.

Score: 0

This game displays a series of pictograms and the player needs to answer whether they are correct or not by clicking on the "Yes" or "No" buttons. The score increases when the answer is correct. Once all the pictograms are shown, a game over message is displayed with the final score. The player can then start a new game.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implemented as a single HTML file using JavaScript. It can be played on a smartphone and includes pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Pictogram Game</title>
  <style>
    * {
      box-sizing: border-box;
    }
    
    body {
      background-color: #d2b48c;
      margin: 0;
      padding: 20px;
      font-family: Arial, sans-serif;
    }
    
    #container {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    button {
      background-color: #8b4513;
      color: #fff;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      font-size: 18px;
      font-weight: bold;
      margin-top: 20px;
      cursor: pointer;
    }
    
    #score {
      font-size: 24px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="container">
    <img id="pictogram" src="pictogram1.png" alt="pictogram" width="200" height="200">
    <button onclick="checkAnswer(true)">Yes</button>
    <button onclick="checkAnswer(false)">No</button>
    <div id="score">
      Score: <span id="scoreValue">0</span>
    </div>
  </div>

let score = 0;
    let currentIndex = 0;
    
    function startGame() {
      // Reset score and current index
      score = 0;
      currentIndex = 0;
      updateScore();

// Show initial pictogram
      document.getElementById("pictogram").src = pictograms[currentIndex];
    }
    
    function checkAnswer(answer) {
      if (answer === true) {
        score++;
      }

// Move to next pictogram
      currentIndex++;

if (currentIndex >= pictograms.length) {
        // Game finished
        alert("Game Over! Your score is: " + score);
      } else {
        // Show next pictogram
        document.getElementById("pictogram").src = pictograms[currentIndex];
      }

updateScore();
    }
    
    function updateScore() {
      document.getElementById("scoreValue").textContent = score;
    }
    
    // Start the game
    startGame();
  </script>
</body>
</html>
```