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

No:25246

←

Prev Next

→

Merge Game
Developer User12326｜Date and time 23/11/19 20:17:07
Build time 111.29 sec｜Game capacity 3.638KB｜

Script

Merge Game

Use arrow keys on your smartphone to merge pictograms and earn points!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Merge Game</title>
</head>
<body>
    <script>
        // Define the pictograms for the game
        const pictograms = [
            "🍎", // Apple
            "🍌", // Banana
            "🍇", // Grapes
            "🍊", // Orange
            "🍓", // Strawberry
            "🍉" // Watermelon
        ];

// Game logic
        let gameBoard = []; // Empty game board
        let score = 0;

function getRandomPictogram() {
            const randomIndex = Math.floor(Math.random() * pictograms.length);
            return pictograms[randomIndex];
        }

function updateGameBoard() {
            const gameBoardElement = document.getElementById("game-board");
            gameBoardElement.innerHTML = ""; // Clear the previous game board

gameBoard.forEach(row => {
                const rowElement = document.createElement("div");
                rowElement.className = "row";

row.forEach(pictogram => {
                    const pictogramElement = document.createElement("div");
                    pictogramElement.className = "pictogram";
                    pictogramElement.innerText = pictogram;
                    rowElement.appendChild(pictogramElement);
                });

gameBoardElement.appendChild(rowElement);
            });
        }

if (gameOver) {
                alert("Game Over! Final Score: " + score);
            }
        }

document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "ArrowLeft" || event.key === "ArrowRight") {
                mergePictograms();
            }
        });

// Start the game
        initializeGame();
    </script>
    <style>
        .row {
            display: flex;
            justify-content: center;
        }

.pictogram {
            font-size: 40px;
            padding: 10px;
        }
    </style>

<h1>Merge Game</h1>
    <p>Use arrow keys on your smartphone to merge pictograms and earn points!</p>
    <div id="game-board"></div>
</body>
</html>