Make a game that players make their own game's game

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

No:43694

←

Prev Next

→

Make a game that players make their own game
Developer User16642｜Date and time 24/2/16 7:37:18
Build time 7.484 sec｜Game capacity 2.626KB｜

Script

Sure! Here's an example of a simple game where players can create their own game using pictograms. To keep it simple, I've implemented a game where players have to guess the word represented by a pictogram.

🌞

In this game, a random pictogram is displayed to the player, and they have to enter their guess for the corresponding word in the input field. When the submit button is clicked, the player's guess is compared with the correct word for the pictogram, and an appropriate message is displayed using an alert box. Note that you can expand on this example to create a more extensive game where players can create their own pictograms and corresponding words, share their games with others, etc.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-container {
            margin: 20px auto;
            text-align: center;
        }
        
        #pictogram {
            font-size: 48px;
            margin-bottom: 20px;
        }
        
        #guess-input {
            display: inline-block;
            padding: 10px;
            font-size: 16px;
        }
        
        #submit {
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="pictogram">🌞</div>
        <input type="text" id="guess-input" placeholder="Enter your guess">
        <button id="submit">Submit</button>
    </div>
    
    <script>
        // Define a list of pictograms and their corresponding words
        const pictograms = {
            "🌞": "sun",
            "🌊": "wave",
            "🍔": "hamburger",
            "⚽️": "soccer ball",
            "🚗": "car",
            "🎮": "game controller"
        };
        
        // Randomly select a pictogram
        const randomPictogram = Object.keys(pictograms)[Math.floor(Math.random() * Object.keys(pictograms).length)];
        
        // Display the selected pictogram
        document.getElementById("pictogram").textContent = randomPictogram;
        
        // Event listener for the submit button
        document.getElementById("submit").addEventListener("click", function() {
            const playerGuess = document.getElementById("guess-input").value.toLowerCase();
            const correctWord = pictograms[randomPictogram];
            
            if (playerGuess === correctWord) {
                alert("Congratulations! You guessed the correct word.");
            } else {
                alert("Oops! Your guess is incorrect. Try again.");
            }
        });
    </script>
</body>
</html>
```

Note that you can expand on this example to create a more extensive game where players can create their own pictograms and corresponding words, share their games with others, etc.