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

No:32045

←

Prev Next

→

Running game
Developer User15315｜Date and time 23/12/29 11:58:31
Build time 29.14 sec｜Game capacity 3.803KB｜

Script

Sure! Here is a simple game implemented as a single HTML file with JavaScript. It uses pictograms and can be played on a smartphone. Note that this is a basic implementation and can be modified and expanded further.

Click here to start the game

To run the game: 1. Create a new HTML file on your computer using a text editor. 2. Copy the above code into the HTML file. 3. Save the file with a ".html" extension (e.g., `game.html`). 4. Open the HTML file in a web browser. 5. Click on the "Click here to start the game" text to start playing. The game will display three random pictograms, and you need to select the correct one. The game will keep track of your score, and you can continue playing by clicking on pictograms as they appear.

←

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>
        #gameContainer {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #scoreContainer {
            text-align: center;
            font-size: 24px;
            margin-bottom: 20px;
        }
        
        .pictogram {
            font-size: 60px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <script>
        // List of pictograms for the game
        const pictograms = ['🍕', '🍔', '🌮', '🍟', '🌭', '🍦'];
        
        // Game variables
        let score = 0;
        
        // Function to start the game
        function startGame() {
            // Display score container
            document.getElementById('scoreContainer').style.display = 'block';
            
            // Render pictograms
            renderPictograms();
        }
        
        // Function to render pictograms on the screen
        function renderPictograms() {
            const gameContainer = document.getElementById('gameContainer');
            gameContainer.innerHTML = ''; // Clear previous pictograms
            
            // Randomly select three pictograms
            const selectedPictograms = getRandomItems(pictograms, 3);
            
            // Render pictograms
            selectedPictograms.forEach((pictogram, index) => {
                const pictogramElement = document.createElement('span');
                pictogramElement.classList.add('pictogram');
                pictogramElement.innerHTML = pictogram;
                // Attach event listener to each pictogram
                pictogramElement.addEventListener('click', () => {
                    handlePictogramClick(index, selectedPictograms);
                })
                gameContainer.appendChild(pictogramElement);
            });
        }
        
        // Function to handle pictogram click events
        function handlePictogramClick(index, selectedPictograms) {
            if (index === Math.floor(Math.random() * 3)) {
                score += 10;
                alert('Correct!');
            } else {
                score -= 5;
                alert('Wrong!');
            }
            
            // Update score on the screen
            document.getElementById('score').textContent = score;
            
            // Render new set of pictograms
            renderPictograms();
        }
        
        // Function to get random items from an array
        function getRandomItems(array, count) {
            const shuffledArray = array.sort(() => 0.5 - Math.random());
            return shuffledArray.slice(0, count);
        }
    </script>
    
    <div id="gameContainer" onclick="startGame()">
        <h1>Click here to start the game</h1>
    </div>
    
    <div id="scoreContainer" style="display: none;">
        <p>Score: <span id="score">0</span></p>
    </div>
</body>
</html>
```

To run the game:

1. Create a new HTML file on your computer using a text editor.
2. Copy the above code into the HTML file.
3. Save the file with a ".html" extension (e.g., `game.html`).
4. Open the HTML file in a web browser.
5. Click on the "Click here to start the game" text to start playing.

The game will display three random pictograms, and you need to select the correct one. The game will keep track of your score, and you can continue playing by clicking on pictograms as they appear.