Press the cube and name it and the ai will guess the name's game

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

No:15030

←

Prev Next

→

Press the cube and name it and the ai will guess t..ALL
Developer User6472｜Date and time 23/9/5 20:25:56
Build time 27.228 sec｜Game capacity 2.909KB｜

Script

Sure! Here's an example of a simple game where the user names a pictogram and the AI will try to guess the name. The game is implemented as a single HTML file, enclosed in script tags, and written in JavaScript.

In this game, a random pictogram is displayed, and the user can enter their guess in the input field. When the "Guess" button is clicked, the AI checks if the user's guess matches the name of the current pictogram. If the guess is correct, a congratulatory message is displayed; otherwise, an incorrect message is shown. After that, the game resets and a new pictogram is displayed for the user to guess. Feel free to replace the pictogram image files (`emozi_all/game.png`, `emozi_all/dog.png`, `emozi_all/car.png`, `emozi_all/tree.png`) with appropriate pictograms of your choice.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Pictogram Game</title>
    <style>
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            flex-direction: column;
        }
        
        #guess-btn {
            margin-top: 10px;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <img id="pictogram" src="pictogram.png" alt="Pictogram">
        <input type="text" id="guess-input" placeholder="Enter your guess">
        <button id="guess-btn">Guess</button>
    </div>

const pictogramElement = document.getElementById('pictogram');
        const guessInput = document.getElementById('guess-input');
        const guessButton = document.getElementById('guess-btn');

let randomIndex = Math.floor(Math.random() * pictogramNames.length);
        let currentPictogram = pictogramNames[randomIndex];

pictogramElement.src = currentPictogram.imagePath;

guessButton.addEventListener('click', () => {
            const userGuess = guessInput.value.toLowerCase();
            if (userGuess === currentPictogram.name) {
                alert('Congratulations! You guessed it right.');
            } else {
                alert('Oops! That was incorrect. Try again!');
            }

// Reset the game
            randomIndex = Math.floor(Math.random() * pictogramNames.length);
            currentPictogram = pictogramNames[randomIndex];
            pictogramElement.src = currentPictogram.imagePath;
            guessInput.value = '';
        });
    </script>
</body>
</html>
```

In this game, a random pictogram is displayed, and the user can enter their guess in the input field. When the "Guess" button is clicked, the AI checks if the user's guess matches the name of the current pictogram. If the guess is correct, a congratulatory message is displayed; otherwise, an incorrect message is shown. After that, the game resets and a new pictogram is displayed for the user to guess. Feel free to replace the pictogram image files (`cat.png`, `dog.png`, `car.png`, `tree.png`) with appropriate pictograms of your choice.