AI game creator

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

No:20387

←

Prev Next

→

Make a game
Developer User9028｜Date and time 23/10/9 10:22:05
Build time 29.514 sec｜Game capacity 4.498KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It's a guessing game where the player needs to guess the word represented by pictograms. The game can be played on a smartphone.

To play the game, open a new file in a text editor and copy-paste the above code into it. Save the file as a `.html` file, for example, "game.html". Then, you can open the file in any web browser, preferably on a smartphone, and the game will be displayed. Simply click the alphabets (pictograms) to guess the word. If you guess the word correctly, a congratulatory message will appear, and if not, an alert will notify you. The game will automatically generate a new word to guess afterwards. Have fun playing the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Guessing Game</title>
  <style>
    #gameContainer {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    #wordDisplay {
      font-size: 30px;
      margin: 20px;
    }
    #inputContainer {
      display: flex;
      flex-wrap: wrap;
    }
    .inputButton {
      font-size: 20px;
      width: 60px;
      height: 60px;
      margin: 5px;
      border-radius: 50%;
      background-color: #ccc;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>
</head>
<body>
  <div id="gameContainer">
    <div id="wordDisplay"></div>
    <div id="inputContainer">
      <button class="inputButton">A</button>
      <button class="inputButton">B</button>
      <button class="inputButton">C</button>
      <button class="inputButton">D</button>
      <button class="inputButton">E</button>
      <button class="inputButton">F</button>
      <button class="inputButton">G</button>
      <button class="inputButton">H</button>
      <button class="inputButton">I</button>
      <button class="inputButton">J</button>
      <button class="inputButton">K</button>
      <button class="inputButton">L</button>
      <button class="inputButton">M</button>
      <button class="inputButton">N</button>
      <button class="inputButton">O</button>
      <button class="inputButton">P</button>
      <button class="inputButton">Q</button>
      <button class="inputButton">R</button>
      <button class="inputButton">S</button>
      <button class="inputButton">T</button>
      <button class="inputButton">U</button>
      <button class="inputButton">V</button>
      <button class="inputButton">W</button>
      <button class="inputButton">X</button>
      <button class="inputButton">Y</button>
      <button class="inputButton">Z</button>
    </div>
  </div>

function generateNewWord() {
      currentWord = words[Math.floor(Math.random() * words.length)];
      guessedLetters = [];
      updateWordDisplay();
    }

function handleInputButtonClick(letter) {
      if (!guessedLetters.includes(letter)) {
        guessedLetters.push(letter);
        updateWordDisplay();
        checkGameStatus();
      }
    }

// Event listeners for input buttons
    const inputButtons = document.getElementsByClassName("inputButton");
    for (let i = 0; i < inputButtons.length; i++) {
      inputButtons[i].addEventListener("click", function() {
        handleInputButtonClick(inputButtons[i].textContent);
      });
    }

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