AI game creator

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

No:31995

←

Prev Next

→

particle
Developer User15275｜Date and time 23/12/29 4:59:05
Build time 15.026 sec｜Game capacity 2.219KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. It can be played on a smartphone and features pictograms.

In this game, there is a canvas area represented by the `#canvas` div element. Inside the canvas, there are three pictograms represented by the `pictogram` class. When a pictogram is clicked, the `checkAnswer` function is called to check if the answer is correct. If the correct pictogram is clicked, the player earns 10 points, and an alert message is displayed saying it's correct. If the wrong pictogram is clicked, the player loses 5 points, and an alert message is displayed saying it's wrong. After each selection, an alert message shows the current score. Note: Make sure to replace `"emozi_bear.png"`, `"emozi_chicken.png"`, and `"emozi_rabbit.png"` with the actual image file names of your pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. It can be played on a smartphone and features pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

#canvas {
            width: 100%;
            height: 100vh;
        }

.pictogram {
            width: 100px;
            height: 100px;
            margin: 10px;
            display: inline-block;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="canvas">
        <div class="pictogram" onclick="checkAnswer('pictogram1')">
            <img src="pictogram1.png" alt="Pictogram 1">
        </div>
        <div class="pictogram" onclick="checkAnswer('pictogram2')">
            <img src="pictogram2.png" alt="Pictogram 2">
        </div>
        <div class="pictogram" onclick="checkAnswer('pictogram3')">
            <img src="pictogram3.png" alt="Pictogram 3">
        </div>
    </div>

function checkAnswer(pictogram) {
            if (pictogram === 'pictogram1') {
                score += 10;
                alert("Correct! You earned 10 points.");
            } else {
                score -= 5;
                alert("Wrong! You lost 5 points.");
            }

// Display updated score
            alert("Current Score: " + score);
        }
    </script>
</body>
</html>
```

If the correct pictogram is clicked, the player earns 10 points, and an alert message is displayed saying it's correct. If the wrong pictogram is clicked, the player loses 5 points, and an alert message is displayed saying it's wrong. After each selection, an alert message shows the current score.

Note: Make sure to replace `"pictogram1.png"`, `"pictogram2.png"`, and `"pictogram3.png"` with the actual image file names of your pictograms.