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

No:9579

157

←

Prev Next

→

Gt alamin
Developer User4386｜Date and time 23/7/26 5:07:08
Build time 21.2 sec｜Game capacity 2.427KB｜

Script

Sure, here's a simple game implemented as a single HTML file that you can play on a smartphone. The game uses pictograms and is enclosed in script tags:

Pictogram Game

In this game, a series of pictogram images will be displayed on the canvas. The objective of the game is to click on each pictogram as it appears to score points. Each successful click will advance to the next pictogram. The game will continue indefinitely, allowing the player to accumulate a score. Note: Make sure to replace the placeholder image file names (`emozi_dog.png`, `emozi_himawari.png`, etc.) with your actual pictogram image files.

←

Prev　Next

→ 　

Back　

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

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 that you can play on a smartphone. The game uses pictograms and is enclosed in script tags:

```
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
</head>
<body>
    <h1>Pictogram Game</h1>
    
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Pictogram images
        const pictogramImages = [
            "pictogram1.png",
            "pictogram2.png",
            "pictogram3.png",
            "pictogram4.png",
            "pictogram5.png"
        ];
        
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        let currentPictogramIndex = 0;
        let score = 0;
        
        // Function to load pictogram image
        function loadPictogram() {
            const pictogramImage = new Image();
            pictogramImage.src = pictogramImages[currentPictogramIndex];
            pictogramImage.onload = function() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                context.drawImage(pictogramImage, 0, 0, canvas.width, canvas.height);
            };
        }
        
        // Function to handle click event
        function handleClick(event) {
            const rect = canvas.getBoundingClientRect();
            const x = event.clientX - rect.left;
            const y = event.clientY - rect.top;
            
            // Check if the click was within the pictogram bounds
            if (x >= 0 && x <= canvas.width && y >= 0 && y <= canvas.height) {
                score++;
                currentPictogramIndex = (currentPictogramIndex + 1) % pictogramImages.length;
                loadPictogram();
            }
        }
        
        // Event listener to start the game
        canvas.addEventListener("click", handleClick);
        
        // Start the game
        loadPictogram();
    </script>
</body>
</html>
```

Note: Make sure to replace the placeholder image file names (`pictogram1.png`, `pictogram2.png`, etc.) with your actual pictogram image files.