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

No:17547

129

←

Prev Next

→

Make games with 5 AIs
Developer User7632｜Date and time 23/9/23 21:04:19
Build time 44.521 sec｜Game capacity 4.635KB｜

Script

Sure! Here's a simple example of a game implemented as a single HTML file using JavaScript. This game is called "Guess the Pictogram" and you can play against 5 AI opponents.

Guess the Pictogram

Select the correct pictogram that matches the given word.

To play the game, open the HTML file in a web browser (preferably on a smartphone for the best experience). The game will randomly generate a word, and you need to select the correct pictogram that matches the word from a set of options. Your score will increase for each correct answer and decrease for each incorrect answer. Feel free to modify the code and add more features to enhance the gameplay if you wish. Enjoy playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a game implemented as a single HTML file using JavaScript. This game is called "Guess the Pictogram" and you can play against 5 AI opponents.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Guess the Pictogram</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #gameBoard {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 20px;
        }
        .card {
            margin: 10px;
            width: 100px;
            height: 100px;
            border: 1px solid black;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Guess the Pictogram</h1>
    <p>Select the correct pictogram that matches the given word.</p>
    <div id="gameBoard"></div>

// Game state variables
        let currentWord;
        let correctPictogram;
        let score = 0;

// Function to initialize the game
        function initializeGame() {
            // Generate random word
            currentWord = getRandomWord();
            document.getElementById("gameBoard").innerHTML = "";

// Generate random pictograms (including correct one)
            const allPictograms = [correctPictogram, ...getRandomPictograms()];
            shuffleArray(allPictograms);

// Create the game board
            allPictograms.forEach(pictogram => {
                const card = document.createElement("div");
                card.className = "card";
                card.innerText = pictogram;
                card.addEventListener("click", function() {
                    handleAnswer(pictogram);
                });
                document.getElementById("gameBoard").appendChild(card);
            });

// Update the word to guess
            document.body.style.backgroundColor = "white";
            document.querySelector("p").innerText = `Guess the word: ${currentWord}`;
        }

// Function to handle player's answer
        function handleAnswer(pictogram) {
            if (pictogram === correctPictogram) {
                score++;
                document.body.style.backgroundColor = "green";
            } else {
                score--;
                document.body.style.backgroundColor = "red";
            }
            document.getElementById("gameBoard").innerHTML = "";
            document.getElementById("gameBoard").innerText = "Next Word";
            document.getElementById("gameBoard").addEventListener("click", initializeGame);
        }

// Function to get a random word
        function getRandomWord() {
            const words = ["Dog", "Cat", "Mouse", "Pig", "Frog", "Cow", "Chicken", "Ladybug", "Octopus", "Fish"];
            const randomIndex = Math.floor(Math.random() * words.length);
            correctPictogram = pictograms[randomIndex];
            return words[randomIndex];
        }

// Function to get random pictograms
        function getRandomPictograms() {
            const randomPictograms = [];
            while (randomPictograms.length < 5) {
                const randomIndex = Math.floor(Math.random() * pictograms.length);
                const pictogram = pictograms[randomIndex];
                if (!randomPictograms.includes(pictogram) && pictogram !== correctPictogram) {
                    randomPictograms.push(pictogram);
                }
            }
            return randomPictograms;
        }

// Function to shuffle an array
        function shuffleArray(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
        }

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

Feel free to modify the code and add more features to enhance the gameplay if you wish. Enjoy playing!