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

No:29799

99

Make a game called Guess Who where you battle anot..ALL
Developer User7632｜Date and time 23/12/19 3:14:40
Build time 21.786 sec｜Game capacity 3.975KB｜

Sure! Here's an implementation of the "Guess Who" game as a single HTML file using JavaScript:

Guess Who

Is this your character?

Player: 0 AI: 0

In this game, pictograms can be used by replacing the `emozi_all/game.png` URLs with the actual URLs of pictogram images. The game follows the rules stated - each turn, the player and AI take alternate guesses, and the score is updated accordingly. Players can click on the pictogram options to make their guesses.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's an implementation of the "Guess Who" game as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Guess Who</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game-container {
            margin-top: 50px;
        }
        
        #question {
            font-size: 20px;
            margin-bottom: 20px;
        }
        
        #options {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .option {
            cursor: pointer;
            width: 100px;
            height: 100px;
            margin: 10px;
            background-size: contain;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <h1>Guess Who</h1>
    <div id="game-container">
        <div id="question">Is this your character?</div>
        <div id="options"></div>
        <div id="score">Player: 0 AI: 0</div>
    </div>

<script>
        // Game characters
        const characters = [
            { name: "Character 1", image: "images/character1.png" },
            { name: "Character 2", image: "images/character2.png" },
            { name: "Character 3", image: "images/character3.png" },
            { name: "Character 4", image: "images/character4.png" },
            // Add more characters here...
        ];
        
        // Game variables
        let playerScore = 0;
        let aiScore = 0;
        let currentPlayer = getRandomPlayer();
        let aiPlayer = getRandomPlayer();
        
        // Render UI and start game
        renderOptions();
        updateScore();
        
        // Function to render character options
        function renderOptions() {
            const optionsContainer = document.getElementById("options");
            optionsContainer.innerHTML = "";
            
            for (let i = 0; i < characters.length; i++) {
                const option = document.createElement("div");
                option.className = "option";
                option.style.backgroundImage = `url(${characters[i].image})`;
                
                option.addEventListener("click", function() {
                    checkGuess(characters[i]);
                });
                
                optionsContainer.appendChild(option);
            }
        }
        
        // Function to check the guess against the AI
        function checkGuess(character) {
            if (currentPlayer.name === character.name) {
                playerScore++;
                currentPlayer = getRandomPlayer();
                aiPlayer = getRandomPlayer();
                updateScore();
                renderOptions();
                alert("Correct guess! You earned a point.");
            } else {
                aiScore++;
                currentPlayer = getRandomPlayer();
                aiPlayer = getRandomPlayer();
                updateScore();
                renderOptions();
                alert("Wrong guess! AI earned a point.");
            }
        }
        
        // Function to generate a random player from the characters array
        function getRandomPlayer() {
            const randomIndex = Math.floor(Math.random() * characters.length);
            return characters[randomIndex];
        }
        
        // Function to update the score display
        function updateScore() {
            const scoreContainer = document.getElementById("score");
            scoreContainer.textContent = `Player: ${playerScore} AI: ${aiScore}`;
        }
    </script>
</body>
</html>
```

In this game, pictograms can be used by replacing the `images/characterX.png` URLs with the actual URLs of pictogram images. The game follows the rules stated - each turn, the player and AI take alternate guesses, and the score is updated accordingly. Players can click on the pictogram options to make their guesses.