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

No:13075

142

←

Prev Next

→

Mr beast makeing chocolate barr
Developer User5782｜Date and time 23/8/26 22:15:03
Build time 19.916 sec｜Game capacity 3.944KB｜

Script

Sure! Here's an example of a simple game written in a single HTML file, using JavaScript. The game is called "Pictogram Match", where the player needs to match pairs of pictograms to win. It is designed to be playable on smartphones and uses HTML elements as pictograms.

Pictogram Match

To play the game, simply copy the entire code and save it as an HTML file (e.g., `pictogram_match.html`), then open it in a web browser on your smartphone. You'll see pictogram icons displayed on the screen that you can click to flip and match. When all pairs are found, an alert will appear notifying you that you have won. Note: This is a simplified example, and you can customize and enhance it according to your preferences or add more features to make it more challenging.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        .pictogram {
            display: inline-block;
            font-size: 48px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Pictogram Match</h1>
    <div id="game-container"></div>
  
    <script>
        // Pictogram icons
        const pictograms = [
            "🍕",
            "🎉",
            "🌞",
            "🚀",
            "🎸",
            "🌈",
            "⚽",
            "🍔"
        ];
        
        // Shuffle the pictograms
        const shuffledPictograms = pictograms.concat(pictograms)
                                           .sort(() => 0.5 - Math.random());
        
        let flippedPictograms = [];
        let pairsFound = 0;
        
        function createGame() {
            const container = document.getElementById("game-container");
            
            shuffledPictograms.forEach((pictogram, index) => {
                const pictogramElement = document.createElement("div");
                pictogramElement.className = "pictogram";
                pictogramElement.textContent = pictogram;
                pictogramElement.addEventListener("click", () => flipPictogram(index));
                container.appendChild(pictogramElement);
            });
        }
        
        function flipPictogram(index) {
            if (flippedPictograms.length < 2 && !flippedPictograms.includes(index)) {
                const pictogramElement = document.getElementsByClassName("pictogram")[index];
                
                pictogramElement.textContent = shuffledPictograms[index];
                flippedPictograms.push(index);
                
                if (flippedPictograms.length === 2) {
                    checkMatch();
                }
            }
        }
        
        function checkMatch() {
            const pictogramElements = document.getElementsByClassName("pictogram");
            
            const [index1, index2] = flippedPictograms;
            const pictogram1 = shuffledPictograms[index1];
            const pictogram2 = shuffledPictograms[index2];
            
            if (pictogram1 === pictogram2) {
                pairsFound++;
                
                if (pairsFound === pictograms.length) {
                    alert("Congratulations, you won!");
                    resetGame();
                }
                
                flippedPictograms = [];
            } else {
                setTimeout(() => {
                    pictogramElements[index1].textContent = "❓";
                    pictogramElements[index2].textContent = "❓";
                    flippedPictograms = [];
                }, 1000);
            }
        }
        
        function resetGame() {
            const container = document.getElementById("game-container");
            container.innerHTML = "";
            flippedPictograms = [];
            pairsFound = 0;
            createGame();
        }
        
        createGame();
    </script>
</body>
</html>
```

Note: This is a simplified example, and you can customize and enhance it according to your preferences or add more features to make it more challenging.