Creat game's game | AI game creator

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

No:8876

207

Creat game
Developer User4259｜Date and time 23/7/19 4:38:37
Build time 27.433 sec｜Game capacity 4.014KB｜

Sure, here's a simple game implemented as a single HTML file using JavaScript and enclosed in `` tags. This game can be played on a smartphone and makes use of pictograms for a more visual experience. <br><br> <br> <style> body{ text-align: center; } #score{ font-size: 20px; } #question{ font-size: 30px; margin-bottom: 20px; } #choices{ justify-content: center; gap: 20px; margin-top: 20px; } .choice{ width: 100px; height: 100px; font-size: 20px; justify-content: center; align-items: center; border: 1px solid black; border-radius: 50%; cursor: pointer; } </style> <h1>Pictogram Game</h1> <div id="score">Score: 0</div> <div id="question"></div> <div id="choices"> <div class="choice"></div> <div class="choice"></div> <div class="choice"></div> </div>

The game displays pictogram questions, and the player needs to select the correct choice from the given options. The score is updated based on the player's answers, and the game ends after all questions have been answered. The player's final score is shown, and the game can be restarted by calling the `initGame()` function.

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

Sure, here's a simple game implemented as a single HTML file using JavaScript and enclosed in `<script>` tags. This game can be played on a smartphone and makes use of pictograms for a more visual experience.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body{
            text-align: center;
        }
        #score{
            font-size: 20px;
        }
        #question{
            font-size: 30px;
            margin-bottom: 20px;
        }
        #choices{
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }
        .choice{
            width: 100px;
            height: 100px;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid black;
            border-radius: 50%;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <div id="score">Score: 0</div>
    <div id="question"></div>
    <div id="choices">
        <div class="choice"></div>
        <div class="choice"></div>
        <div class="choice"></div>
    </div>

<script>
        // Define the game data
        const gameData = [
            { question: "🍎", choices: ["Apple", "Banana", "Orange"], correctChoice: "Apple" },
            { question: "🍌", choices: ["Grape", "Mango", "Banana"], correctChoice: "Banana" },
            { question: "🍊", choices: ["Pineapple", "Watermelon", "Orange"], correctChoice: "Orange" },
            // Add more questions and choices here
        ];

let score = 0;
        let currentQuestion = 0;

const scoreElement = document.getElementById("score");
        const questionElement = document.getElementById("question");
        const choicesElements = document.querySelectorAll(".choice");

// Function to initialize the game
        function initGame() {
            score = 0;
            currentQuestion = 0;
            updateScore();
            showQuestion();
        }

// Function to update the score display
        function updateScore() {
            scoreElement.textContent = `Score: ${score}`;
        }

// Function to show the current question and choices
        function showQuestion() {
            const question = gameData[currentQuestion];
            questionElement.textContent = question.question;

choicesElements.forEach((choiceElement, index) => {
                const choice = question.choices[index];
                choiceElement.textContent = choice;
                choiceElement.addEventListener("click", handleChoice);
            });
        }

// Function to handle the choice selection
        function handleChoice(event) {
            const selectedChoice = event.target.innerText;
            const question = gameData[currentQuestion];

if (selectedChoice === question.correctChoice) {
                score++;
                alert("Correct!");
            } else {
                score--;
                alert("Wrong!");
            }

updateScore();
            currentQuestion++;

// Check if all questions have been answered
            if (currentQuestion < gameData.length) {
                showQuestion();
            } else {
                endGame();
            }
        }

// Function to end the game
        function endGame() {
            alert(`Game Over! Your final score is ${score}`);
            initGame(); // Reset the game
        }

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

The game displays pictogram questions, and the player needs to select the correct choice from the given options. The score is updated based on the player's answers, and the game ends after all questions have been answered. The player's final score is shown, and the game can be restarted by calling the `initGame()` function.