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

No:19491

←

Prev Next

→

Merge Game
Developer User8648｜Date and time 23/10/4 10:29:55
Build time 47.608 sec｜Game capacity 11.012KB｜

Script

Merge Game

←

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;
            background-color: #f1f1f1;
            text-align: center;
        }
        h1 {
            color: #333;
        }
        #game-board {
            margin-top: 30px;
        }
        .cell {
            width: 50px;
            height: 50px;
            display: inline-block;
            border: 1px solid #ddd;
            background-color: #fff;
            box-sizing: border-box;
        }
        .cell span {
            font-size: 28px;
            color: #333;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <div id="game-board"></div>

// Initialize game
        function initializeGame() {
            createCells();
            generateRandomNumber();
            generateRandomNumber();
        }

// Generate a new random number (2 or 4)
        function generateRandomNumber() {
            const emptyCells = getEmptyCells();
            const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
            const [row, col] = randomCell;
            const randomNumber = Math.random() < 0.9 ? 2 : 4; // 90% chance of getting 2 and 10% chance of getting 4

const cellElement = document.getElementById(`${row}-${col}`);
            cellElement.innerHTML = `<span>${randomNumber}</span>`;
            cellElement.classList.add('new-cell');
        }

// Get all empty cells
        function getEmptyCells() {
            return boardCells.filter(cell => {
                const [row, col] = cell;
                const cellElement = document.getElementById(`${row}-${col}`);
                return cellElement.innerHTML === '';
            });
        }

// Merge cells on each move
        function mergeCells(direction) {
            const rows = boardCells.map(cell => cell[0]);
            const cols = boardCells.map(cell => cell[1]);

if (direction === 'up') {
                mergeUp(rows, cols);
            } else if (direction === 'down') {
                mergeDown(rows, cols);
            } else if (direction === 'left') {
                mergeLeft(rows, cols);
            } else if (direction === 'right') {
                mergeRight(rows, cols);
            }
        }

if (targetValue === 0) {
                                targetCell.innerHTML = currentCell.innerHTML;
                                currentCell.innerHTML = '';
                            } else if (currentValue === targetValue) {
                                targetCell.innerHTML = currentCell.innerHTML * 2;
                                currentCell.innerHTML = '';
                                break;
                            } else {
                                break;
                            }
                        }
                    }
                }
            }
        }

// Check if the game is over (no empty cells and no possible merges)
        function isGameOver() {
            const emptyCells = getEmptyCells();

if (emptyCells.length > 0) {
                return false;
            }

for (let row = 0; row < boardSize; row++) {
                for (let col = 0; col < boardSize; col++) {
                    const currentCell = document.getElementById(`${row}-${col}`);
                    const currentValue = parseInt(currentCell.innerHTML);

if (row > 0) {
                        const aboveCell = document.getElementById(`${row - 1}-${col}`);
                        const aboveValue = parseInt(aboveCell.innerHTML);
                        if (currentValue === aboveValue) {
                            return false;
                        }
                    }

if (row < boardSize - 1) {
                        const belowCell = document.getElementById(`${row + 1}-${col}`);
                        const belowValue = parseInt(belowCell.innerHTML);
                        if (currentValue === belowValue) {
                            return false;
                        }
                    }

if (col > 0) {
                        const leftCell = document.getElementById(`${row}-${col - 1}`);
                        const leftValue = parseInt(leftCell.innerHTML);
                        if (currentValue === leftValue) {
                            return false;
                        }
                    }

if (col < boardSize - 1) {
                        const rightCell = document.getElementById(`${row}-${col + 1}`);
                        const rightValue = parseInt(rightCell.innerHTML);
                        if (currentValue === rightValue) {
                            return false;
                        }
                    }
                }
            }

return true;
        }

// Handle key presses
        document.addEventListener('keydown', function(event) {
            if (isGameOver()) {
                alert('Game over!');
                return;
            }

let direction;

switch(event.key) {
                case 'ArrowUp':
                    direction = 'up';
                    break;
                case 'ArrowDown':
                    direction = 'down';
                    break;
                case 'ArrowLeft':
                    direction = 'left';
                    break;
                case 'ArrowRight':
                    direction = 'right';
                    break;
                default:
                    return;
            }

mergeCells(direction);
            generateRandomNumber();
        });

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