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

No:20775

←

Prev Next

→

Make fnd
Developer User8878｜Date and time 23/10/11 0:21:47
Build time 19.693 sec｜Game capacity 2.636KB｜

Script

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

Pictogram Game

Instructions: Guess the correct word based on the pictogram.

In this example, a pictogram is displayed, and the player needs to enter their guess for the corresponding word in the input field. When the submit button is clicked, the game checks if the guess is correct or not, and displays a message accordingly. After that, it moves on to the next pictogram-word pair. Please note that for the game to work properly, you would need to provide the actual image files (e.g., `emozi_all/game.png`, `emozi_all/car.png`, `emozi_all/dog.png`, etc.) for the pictograms and update the `words` array with the respective answers.

←

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 and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Pictogram Game</title>
    <style>
        body {
            text-align: center;
        }
        
        img {
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <p>Instructions: Guess the correct word based on the pictogram.</p>
    
    <div id="gameContainer">
        <img id="pictogram" src="pictogram.png" alt="Pictogram">
        <br>
        <input id="guessInput" type="text" placeholder="Enter your guess">
        <br>
        <button onclick="checkGuess()">Submit</button>
        <br><br>
        <p id="resultMessage"></p>
    </div>
    
    <script>
        const pictogramImage = document.getElementById("pictogram");
        const guessInput = document.getElementById("guessInput");
        const resultMessage = document.getElementById("resultMessage");
        
        const words = [
            { pictogram: "apple.png", answer: "apple" },
            { pictogram: "car.png", answer: "car" },
            { pictogram: "dog.png", answer: "dog" }
            // Add more pictogram-answer pairs here
        ];
        
        let currentWordIndex = Math.floor(Math.random() * words.length);
        let currentWord = words[currentWordIndex];
        
        pictogramImage.src = currentWord.pictogram;
        
        function checkGuess() {
            const guess = guessInput.value.toLowerCase().trim();
            
            if (guess === currentWord.answer) {
                resultMessage.textContent = "Correct!";
            } else {
                resultMessage.textContent = "Wrong!";
            }
            
            // Move to the next word
            currentWordIndex = (currentWordIndex + 1) % words.length;
            currentWord = words[currentWordIndex];
            pictogramImage.src = currentWord.pictogram;
            guessInput.value = "";
        }
    </script>
</body>
</html>
```

Please note that for the game to work properly, you would need to provide the actual image files (e.g., `apple.png`, `car.png`, `dog.png`, etc.) for the pictograms and update the `words` array with the respective answers.