AI game creator

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

No:20840

104

←

Prev Next

→

Game for iOS
Developer User3643｜Date and time 23/10/11 8:29:14
Build time 134.933 sec｜Game capacity 4.217KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It can be played on a smartphone and uses pictograms.

This game is a simple pictogram matching game where the player needs to find pairs of matching pictograms. The player can tap/click on any pictogram on the canvas to flip it and reveal its symbol. If two flipped pictograms match, they remain visible, otherwise, they are hidden again. The game continues until all pairs are matched. To play the game, simply copy the above code into a new HTML file on your iOS device, open it in a browser, and the game will start automatically. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It can be played on a smartphone and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Matching Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Get the canvas element
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Define the pictograms (you can replace them with your own)
        var pictograms = [
            "🍎", "🍌", "🍉", "🍇", "🍓", "🍒", "🍋", "🍊",
            "🐶", "🐱", "🐭", "🐰", "🐼", "🐯", "🐵", "🐸"
        ];

// Shuffle the pictograms
        pictograms.sort(() => Math.random() - 0.5);

// Define the game logic
        var selectedPictogram = null;
        var matchedPairs = 0;

// Handle mouse click on the canvas
        canvas.addEventListener("click", function(event) {
            var rect = canvas.getBoundingClientRect();
            var x = event.clientX - rect.left;
            var y = event.clientY - rect.top;

if (selectedPictogram == null) {
                // First click, store the pictogram
                selectedPictogram = getClickedPictogram(x, y);
                if (selectedPictogram != null) {
                    drawPictogram(selectedPictogram.index, true);
                }
            } else {
                // Second click, check for a match
                var secondPictogram = getClickedPictogram(x, y);
                if (secondPictogram != null && secondPictogram != selectedPictogram) {
                    // Found a match
                    if (pictograms[selectedPictogram.index] == pictograms[secondPictogram.index]) {
                        drawPictogram(selectedPictogram.index, true);
                        drawPictogram(secondPictogram.index, true);
                        matchedPairs++;

// Check if the game is finished
                        if (matchedPairs == pictograms.length / 2) {
                            alert("Congratulations! You won!");
                        }
                    } else {
                        // No match, hide the pictograms
                        drawPictogram(selectedPictogram.index, false);
                        drawPictogram(secondPictogram.index, false);
                    }
                }

selectedPictogram = null;
            }
        });

// Helper function to get the clicked pictogram
        function getClickedPictogram(x, y) {
            var row = Math.floor(y / 80);
            var col = Math.floor(x / 80);
            var index = row * 4 + col;

if (index < pictograms.length) {
                return {
                    index: index,
                    x: col * 80,
                    y: row * 80
                };
            }

return null;
        }

// Helper function to draw a pictogram
        function drawPictogram(index, show) {
            var row = Math.floor(index / 4);
            var col = index % 4;
            var x = col * 80;
            var y = row * 80;

if (show) {
                context.clearRect(x, y, 80, 80);
                context.font = "60px Arial";
                context.fillText(pictograms[index], x + 10, y + 60);
            } else {
                context.fillStyle = "#000";
                context.fillRect(x, y, 80, 80);
            }
        }

// Draw the initial game board
        for (var i = 0; i < pictograms.length; i++) {
            drawPictogram(i, false);
        }
    </script>
</body>
</html>
```

To play the game, simply copy the above code into a new HTML file on your iOS device, open it in a browser, and the game will start automatically. Enjoy!