AI game creator

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

No:12518

110

←

Prev Next

→

EFT
Developer User4714｜Date and time 23/8/19 3:26:28
Build time 25.309 sec｜Game capacity 4.864KB｜

Script

Sure! Here's a simple game that you can play on a smartphone using pictograms. This game is called "Picto Match". It is a memory matching game where you need to match pictograms.

To play the game, you need to copy the above code into a single HTML file, save it, and open it in a browser (preferably on a smartphone). You will see a grid of gray tiles. Click on a tile to reveal the pictogram underneath. Try to remember the pictogram's position and find its matching pair. When you pick two tiles, they will either stay visible if they match, or flip back if they don't. The goal is to match all the pictogram pairs and turn all tiles green. Hope you enjoy playing 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 using pictograms. This game is called "Picto Match". It is a memory matching game where you need to match pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Picto Match</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Pictograms
        var pictograms = [
            "🌼", "🐶", "🍕", "🎈", "🚀", "🎸", "🍔", "🐻"
        ];
        
        // Shuffling pictograms
        pictograms = shuffle(pictograms.concat(pictograms));

// Game variables
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var tileSize = 80;
        var grid = [];
        var tileSize = 80;
        var firstPick = null;
        var secondPick = null;

// Create the game grid
        for (var row = 0; row < 4; row++) {
            for (var col = 0; col < 4; col++) {
                var tile = {
                    pictogram: pictograms.pop(),
                    x: col * tileSize,
                    y: row * tileSize,
                    visible: false,
                    matched: false
                };
                grid.push(tile);
            }
        }

// Event listener for click
        canvas.addEventListener("click", handleClick);

// Draw the game grid
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            for (var i = 0; i < grid.length; i++) {
                var tile = grid[i];
                if (tile.visible) {
                    context.fillStyle = "lightblue";
                    context.fillRect(tile.x, tile.y, tileSize, tileSize);
                    context.font = "60px Arial";
                    context.fillStyle = "black";
                    context.fillText(tile.pictogram, tile.x + 20, tile.y + 60);
                } else if (tile.matched) {
                    context.fillStyle = "lightgreen";
                    context.fillRect(tile.x, tile.y, tileSize, tileSize);
                } else {
                    context.fillStyle = "grey";
                    context.fillRect(tile.x, tile.y, tileSize, tileSize);
                }
            }
        }

// Check if the picked tiles are a match
        function checkMatch() {
            if (firstPick.pictogram === secondPick.pictogram) {
                firstPick.matched = true;
                secondPick.matched = true;
            } else {
                firstPick.visible = false;
                secondPick.visible = false;
            }
            firstPick = null;
            secondPick = null;
        }

// Handle the tile click event
        function handleClick(event) {
            var rect = canvas.getBoundingClientRect();
            var mouseX = event.clientX - rect.left;
            var mouseY = event.clientY - rect.top;

for (var i = 0; i < grid.length; i++) {
                var tile = grid[i];
                if (!tile.matched && mouseX >= tile.x && mouseX < tile.x + tileSize && mouseY >= tile.y && mouseY < tile.y + tileSize) {
                    if (!tile.visible) {
                        tile.visible = true;
                        if (!firstPick) {
                            firstPick = tile;
                        } else if (!secondPick) {
                            secondPick = tile;
                            setTimeout(checkMatch, 500);
                        } else {
                            return;
                        }
                    }
                }
            }
        }

// Shuffle the array
        function shuffle(array) {
            var currentIndex = array.length,
                temporaryValue, randomIndex;

while (currentIndex !== 0) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;

temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }

return array;
        }

// Start the game loop
        function gameLoop() {
            draw();
            requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>
```

Hope you enjoy playing the game!