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

No:38124

102

←

Prev Next

→

Merge Game
Developer User17234｜Date and time 24/1/22 19:40:12
Build time 29.987 sec｜Game capacity 7.579KB｜

Script

Merge Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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;
            text-align: center;
        }

#game-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

.cell {
            width: 80px;
            height: 80px;
            background-color: #e6e6e6;
            border-radius: 10px;
            margin: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <div id="game-container"></div>

function generateRandomNumber() {
            return Math.random() < 0.8 ? 2 : 4; // 80% chance of getting 2, 20% chance of getting 4
        }

if (availableCells.length === 0) {
                return; // No available cells to insert a number, game over
            }

const randomCell = availableCells[Math.floor(Math.random() * availableCells.length)];
            grid[randomCell.row][randomCell.col] = generateRandomNumber();
        }

function isGameOver() {
            for (let row = 0; row < GRID_SIZE; row++) {
                for (let col = 0; col < GRID_SIZE; col++) {
                    if (grid[row][col] === 0) {
                        return false; // There is an empty cell, game is not over
                    }

if (row < GRID_SIZE - 1 && grid[row][col] === grid[row + 1][col]) {
                        return false; // Adjacent cells in the same column have the same value, game is not over
                    }

if (col < GRID_SIZE - 1 && grid[row][col] === grid[row][col + 1]) {
                        return false; // Adjacent cells in the same row have the same value, game is not over
                    }
                }
            }

return true; // No empty cells or adjacent cells with the same value found, game is over
        }

function mergeCells(row, col, direction) {
            let targetRow, targetCol;

switch (direction) {
                case "up":
                    targetRow = row - 1;
                    targetCol = col;
                    break;
                case "down":
                    targetRow = row + 1;
                    targetCol = col;
                    break;
                case "left":
                    targetRow = row;
                    targetCol = col - 1;
                    break;
                case "right":
                    targetRow = row;
                    targetCol = col + 1;
                    break;
                default:
                    return;
            }

if (targetRow < 0 || targetRow >= GRID_SIZE || targetCol < 0 || targetCol >= GRID_SIZE) {
                return; // Target cell is out of bounds
            }

if (grid[targetRow][targetCol] === 0) {
                grid[targetRow][targetCol] = grid[row][col];
                grid[row][col] = 0;
            } else if (grid[targetRow][targetCol] === grid[row][col]) {
                grid[targetRow][targetCol] += grid[row][col];
                grid[row][col] = 0;
            }
        }

function moveCells(direction) {
            let movementOccurred = false;

switch (direction) {
                case "up":
                    for (let col = 0; col < GRID_SIZE; col++) {
                        for (let row = 1; row < GRID_SIZE; row++) {
                            if (grid[row][col] !== 0) {
                                for (let i = row; i > 0; i--) {
                                    mergeCells(i, col, direction);
                                }
                            }
                        }
                    }
                    break;
                case "down":
                    for (let col = 0; col < GRID_SIZE; col++) {
                        for (let row = GRID_SIZE - 2; row >= 0; row--) {
                            if (grid[row][col] !== 0) {
                                for (let i = row; i < GRID_SIZE - 1; i++) {
                                    mergeCells(i, col, direction);
                                }
                            }
                        }
                    }
                    break;
                case "left":
                    for (let row = 0; row < GRID_SIZE; row++) {
                        for (let col = 1; col < GRID_SIZE; col++) {
                            if (grid[row][col] !== 0) {
                                for (let i = col; i > 0; i--) {
                                    mergeCells(row, i, direction);
                                }
                            }
                        }
                    }
                    break;
                case "right":
                    for (let row = 0; row < GRID_SIZE; row++) {
                        for (let col = GRID_SIZE - 2; col >= 0; col--) {
                            if (grid[row][col] !== 0) {
                                for (let i = col; i < GRID_SIZE - 1; i++) {
                                    mergeCells(row, i, direction);
                                }
                            }
                        }
                    }
                    break;
                default:
                    return;
            }

if (movementOccurred) {
                insertRandomNumber();
            }
        }

// UI rendering
        function updateUI() {
            const gameContainer = document.getElementById("game-container");
            gameContainer.innerHTML = "";

for (let row = 0; row < GRID_SIZE; row++) {
                for (let col = 0; col < GRID_SIZE; col++) {
                    const cell = document.createElement("div");
                    cell.className = "cell";
                    cell.textContent = grid[row][col] !== 0 ? grid[row][col] : "";
                    gameContainer.appendChild(cell);
                }
            }
        }

// Event listeners
        document.addEventListener("keydown", event => {
            if (event.key === "ArrowUp") {
                moveCells("up");
            } else if (event.key === "ArrowDown") {
                moveCells("down");
            } else if (event.key === "ArrowLeft") {
                moveCells("left");
            } else if (event.key === "ArrowRight") {
                moveCells("right");
            }

if (isGameOver()) {
                alert("Game Over");
            }

updateUI();
        });

// Initialize the game
        initializeGrid();
        insertRandomNumber();
        insertRandomNumber();
        updateUI();
    </script>
</body>
</html>