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

No:26628

←

Prev Next

→

particle
Developer User13199｜Date and time 23/12/1 23:49:23
Build time 55.592 sec｜Game capacity 2.982KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. This game is designed to be played on smartphones and uses pictograms. Please note that this is a basic example and can be further expanded upon depending on your requirements.

Pictogram Game

Score: 0

In this game, pictogram images are stored as base64 data URIs in the `pictograms` array. The game starts when the player clicks on the "Start Game" button. The current pictogram is displayed, and whenever the player clicks on the pictogram, their score increases by one. After clicking all the pictograms, the game ends and the final score is displayed. The player can then start a new game by clicking the "Start Game" button again.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
        
        #score {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    
    <div id="game-container">
        <div id="pictogram-container"></div>
        <button id="start-button">Start Game</button>
    </div>
    
    <p id="score">Score: 0</p>
    
    <script>
        // Pictogram images as base64 data URIs
        const pictograms = [
            "data:image/png;base64,iVBORw0KG... (pictogram image 1)",
            "data:image/png;base64,iVBORw0KG... (pictogram image 2)",
            // Additional pictogram images
        ];
        
        let score = 0;
        let currentPictogramIndex = 0;
        
        const pictogramContainer = document.getElementById("pictogram-container");
        const scoreElement = document.getElementById("score");
        const startButton = document.getElementById("start-button");
        
        startButton.addEventListener("click", startGame);
        
        function startGame() {
            startButton.setAttribute("disabled", "disabled");
            score = 0;
            currentPictogramIndex = 0;
            scoreElement.innerText = "Score: " + score;
            showPictogram();
        }
        
        function showPictogram() {
            const pictogramImage = document.createElement("img");
            pictogramImage.src = pictograms[currentPictogramIndex];
            pictogramContainer.innerHTML = "";
            pictogramContainer.appendChild(pictogramImage);
        }
        
        pictogramContainer.addEventListener("click", function() {
            score++;
            scoreElement.innerText = "Score: " + score;
            currentPictogramIndex++;
            
            if (currentPictogramIndex < pictograms.length) {
                showPictogram();
            } else {
                endGame();
            }
        });
        
        function endGame() {
            pictogramContainer.innerHTML = "<h2>Game Over</h2>";
            startButton.removeAttribute("disabled");
        }
    </script>
</body>
</html>
```