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

No:33843

←

Prev Next

→

particle
Developer User15922｜Date and time 24/1/6 20:06:29
Build time 40.962 sec｜Game capacity 4.883KB｜

Script

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

Pictogram Matching Game

Tap on the pictograms to reveal their hidden value. Match the pairs to win!

To play the game: Copy the code above and save it as an HTML file (e.g., game.html). Open the file on your smartphone using a web browser, and you'll see the Pictogram Matching Game. Tap on the pictograms to reveal their hidden values and try to match all the pairs to win the game.

←

Prev　Next

→ 　

Back　

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

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

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

```😄36%$%@(100
<html>
<head>
    <title>Pictogram Matching Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game {
            margin-top: 50px;
        }
        .pictogram {
            display: inline-block;
            width: 80px;
            height: 80px;
            font-size: 40px;
            margin: 10px;
            border: 2px solid #ccc;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Pictogram Matching Game</h1>
    <p>Tap on the pictograms to reveal their hidden value. Match the pairs to win!</p>
    <div id="game"></div>

const gameContainer = document.getElementById('game');
        let selectedPictogram = null;
        let matchedPairs = 0;
        let isProcessing = false;

// Function to shuffle the array
        function shuffle(array) {
            let currentIndex = array.length, temporaryValue, randomIndex;

// While there remain elements to shuffle...
            while (0 !== currentIndex) {

// Pick a remaining element...
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;

// And swap it with the current element.
                temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }

return array;
        }

// Function to create the game board
        function createGameBoard() {
            const shuffledPictograms = shuffle([...pictograms, ...pictograms]);
            gameContainer.innerHTML = '';

shuffledPictograms.forEach(pictogram => {
                const pictogramElement = document.createElement('div');
                pictogramElement.classList.add('pictogram');
                pictogramElement.innerHTML = pictogram.symbol;
                pictogramElement.addEventListener('click', () => {
                    if (!isProcessing) {
                        if (!selectedPictogram) {
                            selectedPictogram = pictogramElement;
                            revealPictogram(pictogramElement, pictogram.value);
                        } else if (selectedPictogram !== pictogramElement) {
                            isProcessing = true;
                            revealPictogram(pictogramElement, pictogram.value);

setTimeout(() => {
                                if (selectedPictogram.innerHTML === pictogramElement.innerHTML) {
                                    selectedPictogram.removeEventListener('click', () => {});
                                    pictogramElement.removeEventListener('click', () => {});
                                    selectedPictogram.classList.add('matched');
                                    pictogramElement.classList.add('matched');
                                    selectedPictogram = null;
                                    matchedPairs++;

if (matchedPairs === pictograms.length) {
                                        alert('Congratulations! You won the game!');
                                    }
                                } else {
                                    selectedPictogram.innerHTML = '';
                                    pictogramElement.innerHTML = '';
                                    selectedPictogram = null;
                                }
                                isProcessing = false;
                            }, 1000);
                        }
                    }
                });

gameContainer.appendChild(pictogramElement);
            });
        }

// Function to reveal a pictogram's value
        function revealPictogram(pictogramElement, value) {
            pictogramElement.innerHTML = value;
        }

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