AI game creator

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

No:30544

←

Prev Next

→

E
Developer User14834｜Date and time 23/12/22 18:53:55
Build time 19.363 sec｜Game capacity 2.599KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript:

Guess the Pictogram!

This game presents pictograms and asks the player to guess the corresponding word. Users can enter their guess in the provided input box and click the "Submit" button. The game keeps track of the score and displays alerts for correct and incorrect answers. When the game is over, the player's final score is displayed, and they have the option to start a new game by clicking "OK" on the alert. Note: To make this code work, you need to have pictogram images named following the names specified in the `pictograms` array, and ensure they are placed in a folder named "pictograms" in the same directory as the HTML file.

←

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 using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 48px;
    }

button {
      font-size: 24px;
      padding: 10px 20px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="game">
    <p>Guess the Pictogram!</p>
    <img src="pictograms/question.png" id="pictogram" alt="Pictogram">
    <input type="text" id="guessInput" placeholder="Your Guess">
    <button onclick="submitGuess()">Submit</button>
  </div>

let currentPictogramIndex = 0;
    let currentPictogram;
    let score = 0;

function startGame() {
      currentPictogramIndex = 0;
      score = 0;
      loadPictogram();
    }

function loadPictogram() {
      currentPictogram = pictograms[currentPictogramIndex];
      document.getElementById("pictogram").src = currentPictogram.image;
    }

function submitGuess() {
      const guess = document.getElementById("guessInput").value.toLowerCase();
      
      if (guess === currentPictogram.answer) {
        score++;
        alert("Correct! Your score is " + score);
      } else {
        alert("Wrong answer! Try again.");
      }

document.getElementById("guessInput").value = "";
      nextPictogram();
    }

function nextPictogram() {
      currentPictogramIndex++;

if (currentPictogramIndex >= pictograms.length) {
        endGame();
      } else {
        loadPictogram();
      }
    }

function endGame() {
      alert("Game Over! Your final score is " + score);
      startGame();
    }

startGame();
  </script>
</body>
</html>
```

Note: To make this code work, you need to have pictogram images named following the names specified in the `pictograms` array, and ensure they are placed in a folder named "pictograms" in the same directory as the HTML file.