AI game creator

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

No:21112

←

Prev Next

→

Merge Game
Developer User9324｜Date and time 23/10/13 9:49:31
Build time 192.696 sec｜Game capacity 7.214KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .cell {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            border: 1px solid #ccc;
            margin: 5px;
        }
    </style>
</head>
<body>
    <div class="container"></div>

// Create the game board
        const boardSize = 4;
        const board = [];
        for (let i = 0; i < boardSize; i++) {
            board[i] = Array(boardSize).fill(0);
        }

// Generate a random number (2 or 4) for a new cell
        function generateRandomNumber() {
            return Math.random() < 0.9 ? 2 : 4;
        }

// Add a new random cell to the board
        function addRandomCell() {
            const emptyCells = [];
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    if (board[i][j] === 0) {
                        emptyCells.push({ x: i, y: j });
                    }
                }
            }
            if (emptyCells.length > 0) {
                const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
                board[randomCell.x][randomCell.y] = generateRandomNumber();
            }
        }

// Initialize the game board
        function initializeGame() {
            addRandomCell();
            addRandomCell();
            renderBoard();
        }

// Render the game board on the page
        function renderBoard() {
            const container = document.querySelector(".container");
            container.innerHTML = "";

for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    const cell = document.createElement("div");
                    cell.className = "cell";
                    cell.textContent = pictograms[board[i][j]] || "";
                    container.appendChild(cell);
                }
            }
        }

// Merge cells in the specified direction
        function mergeCells(direction) {
            let moved = false;
            let score = 0;

for (let i = 0; i < boardSize; i++) {
                let row = [];

for (let j = 0; j < boardSize; j++) {
                    const cell = (direction === "left" || direction === "right") ? board[i][j] : board[j][i];
                    if (cell !== 0) {
                        row.push(cell);
                    }
                }

if (row.length === 0) {
                    continue;
                }

if (direction === "right" || direction === "down") {
                    row = row.reverse();
                }

for (let j = mergedRow.length; j < boardSize; j++) {
                    mergedRow.push(0);
                }

if (direction === "right" || direction === "down") {
                    mergedRow.reverse();
                }

if (direction === "left" || direction === "right") {
                    board[i] = mergedRow;
                } else {
                    for (let j = 0; j < boardSize; j++) {
                        board[j][i] = mergedRow[j];
                    }
                }

moved = true;
            }

return { moved, score };
        }

// Check if the game is over
        function isGameOver() {
            // Check for any empty cells
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    if (board[i][j] === 0) {
                        return false;
                    }
                }
            }

// Check if there are any possible merges
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    const cell = board[i][j];
                    if ((i > 0 && board[i - 1][j] === cell) ||
                        (i < boardSize - 1 && board[i + 1][j] === cell) ||
                        (j > 0 && board[i][j - 1] === cell) ||
                        (j < boardSize - 1 && board[i][j + 1] === cell)) {
                        return false;
                    }
                }
            }

return true;
        }

// Handle key press events
        document.addEventListener("keydown", function(event) {
            if (isGameOver()) {
                return;
            }

let moved = false;
            let score = 0;

switch (event.key) {
                case "ArrowUp":
                    if (!moved) {
                        const result = mergeCells("up");
                        moved = result.moved;
                        score += result.score;
                    }
                    break;

case "ArrowDown":
                    if (!moved) {
                        const result = mergeCells("down");
                        moved = result.moved;
                        score += result.score;
                    }
                    break;

case "ArrowLeft":
                    if (!moved) {
                        const result = mergeCells("left");
                        moved = result.moved;
                        score += result.score;
                    }
                    break;

case "ArrowRight":
                    if (!moved) {
                        const result = mergeCells("right");
                        moved = result.moved;
                        score += result.score;
                    }
                    break;
            }

if (moved) {
                addRandomCell();
                renderBoard();
            }

if (isGameOver()) {
                alert("Game over! Final score: " + score);
            }
        });

// Start the game
        initializeGame();
    </script>
</body>
</html>