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

No:30267

←

Prev Next

→

Make a chat system
Developer User14724｜Date and time 23/12/21 3:44:11
Build time 24.165 sec｜Game capacity 3.888KB｜

Script

Sure! Here's a simple game that you can play on a smartphone. It's a matching game where you need to pair pictograms together.

Pictogram Matching Game

To play the game, simply open the HTML file on your smartphone's browser. You will see a grid of cards represented by pictograms. Tap on the cards to flip them and try to find the matching pairs. Once all pairs are matched, a congratulatory message will be displayed. Enjoy!

←

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's a matching game where you need to pair pictograms together.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Matching Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 50px;
        }
        .card {
            width: 80px;
            height: 80px;
            margin: 5px;
            padding: 10px;
            background-color: #f2f2f2;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Pictogram Matching Game</h1>
    <div id="game-container"></div>

let openedCards = [];
        let matchedCards = [];

// Shuffle the pictograms
        function shufflePictograms() {
            for (let i = pictograms.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [pictograms[i], pictograms[j]] = [pictograms[j], pictograms[i]];
            }
        }

// Create the game board
        function createGameBoard() {
            const gameContainer = document.getElementById('game-container');

// Create card elements
            pictograms.forEach(pictogram => {
                const card = document.createElement('div');
                card.classList.add('card');
                card.innerHTML = '<span class="hidden">' + pictogram + '</span>';
                card.addEventListener('click', flipCard);
                gameContainer.appendChild(card);
            });
        }

// Flip the card and check for a match
        function flipCard(event) {
            const card = event.target;

// Prevent clicking on the already matched cards
            if (matchedCards.includes(card)) return;

// Flip the card
            card.classList.toggle('flipped');
            card.firstChild.classList.remove('hidden');

// Add the card to the openedCards array
            openedCards.push(card);

if (openedCards.length === 2) {
                // Check if the opened cards match
                if (openedCards[0].innerHTML === openedCards[1].innerHTML) {
                    matchedCards.push(...openedCards);
                } else {
                    // Flip back the unmatched cards
                    setTimeout(() => {
                        openedCards.forEach(card => {
                            card.classList.toggle('flipped');
                            card.firstChild.classList.add('hidden');
                        });
                    }, 1000);
                }

// Clear the opened cards array
                openedCards = [];
            }

// Check if all pairs are matched
            if (matchedCards.length === pictograms.length) {
                setTimeout(() => {
                    alert('Congratulations! You have completed the game!');
                }, 500);
            }
        }

// Calling the functions to start the game
        shufflePictograms();
        createGameBoard();
    </script>
</body>
</html>
```