AI game creator

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

No:12906

←

Prev Next

→

Merge Game
Developer User5620｜Date and time 23/8/25 0:48:26
Build time 74.606 sec｜Game capacity 9.893KB｜

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>
</head>
<body>
    <script>
        // Initialize game variables
        var boardSize = 4;
        var gameBoard = [];
        var score = 0;

// Create game board
        function createBoard() {
            for (var i = 0; i < boardSize; i++) {
                gameBoard[i] = [];
                for (var j = 0; j < boardSize; j++) {
                    gameBoard[i][j] = 0;
                }
            }
        }

// Display game board
        function displayBoard() {
            var board = document.getElementById("board");
            board.innerHTML = "";

for (var i = 0; i < boardSize; i++) {
                for (var j = 0; j < boardSize; j++) {
                    var cell = document.createElement("div");
                    cell.className = "cell";
                    cell.textContent = gameBoard[i][j] === 0 ? "" : gameBoard[i][j];
                    board.appendChild(cell);
                }
            }
        }

// Add a new random cell to the board
        function addRandomCell() {
            var emptyCells = [];

for (var i = 0; i < boardSize; i++) {
                for (var j = 0; j < boardSize; j++) {
                    if (gameBoard[i][j] === 0) {
                        emptyCells.push({ row: i, col: j });
                    }
                }
            }

if (emptyCells.length > 0) {
                var randomIndex = Math.floor(Math.random() * emptyCells.length);
                var value = Math.random() < 0.8 ? 2 : 4;
                var cell = emptyCells[randomIndex];
                gameBoard[cell.row][cell.col] = value;
            }
        }

// Merge cells in a given direction
        function mergeCells(direction) {
            var cellsMoved = false;

switch (direction) {
                case "up":
                    for (var j = 0; j < boardSize; j++) {
                        for (var i = 1; i < boardSize; i++) {
                            if (gameBoard[i][j] !== 0) {
                                var currentRow = i;
                                while (currentRow > 0 && gameBoard[currentRow - 1][j] === 0) {
                                    gameBoard[currentRow - 1][j] = gameBoard[currentRow][j];
                                    gameBoard[currentRow][j] = 0;
                                    currentRow--;
                                    cellsMoved = true;
                                }
                                if (currentRow > 0 && gameBoard[currentRow - 1][j] === gameBoard[currentRow][j]) {
                                    gameBoard[currentRow - 1][j] *= 2;
                                    score += gameBoard[currentRow - 1][j];
                                    gameBoard[currentRow][j] = 0;
                                    cellsMoved = true;
                                }
                            }
                        }
                    }
                    break;
                case "down":
                    for (var j = 0; j < boardSize; j++) {
                        for (var i = boardSize - 2; i >= 0; i--) {
                            if (gameBoard[i][j] !== 0) {
                                var currentRow = i;
                                while (currentRow < boardSize - 1 && gameBoard[currentRow + 1][j] === 0) {
                                    gameBoard[currentRow + 1][j] = gameBoard[currentRow][j];
                                    gameBoard[currentRow][j] = 0;
                                    currentRow++;
                                    cellsMoved = true;
                                }
                                if (currentRow < boardSize - 1 && gameBoard[currentRow + 1][j] === gameBoard[currentRow][j]) {
                                    gameBoard[currentRow + 1][j] *= 2;
                                    score += gameBoard[currentRow + 1][j];
                                    gameBoard[currentRow][j] = 0;
                                    cellsMoved = true;
                                }
                            }
                        }
                    }
                    break;
                case "left":
                    for (var i = 0; i < boardSize; i++) {
                        for (var j = 1; j < boardSize; j++) {
                            if (gameBoard[i][j] !== 0) {
                                var currentCol = j;
                                while (currentCol > 0 && gameBoard[i][currentCol - 1] === 0) {
                                    gameBoard[i][currentCol - 1] = gameBoard[i][currentCol];
                                    gameBoard[i][currentCol] = 0;
                                    currentCol--;
                                    cellsMoved = true;
                                }
                                if (currentCol > 0 && gameBoard[i][currentCol - 1] === gameBoard[i][currentCol]) {
                                    gameBoard[i][currentCol - 1] *= 2;
                                    score += gameBoard[i][currentCol - 1];
                                    gameBoard[i][currentCol] = 0;
                                    cellsMoved = true;
                                }
                            }
                        }
                    }
                    break;
                case "right":
                    for (var i = 0; i < boardSize; i++) {
                        for (var j = boardSize - 2; j >= 0; j--) {
                            if (gameBoard[i][j] !== 0) {
                                var currentCol = j;
                                while (currentCol < boardSize - 1 && gameBoard[i][currentCol + 1] === 0) {
                                    gameBoard[i][currentCol + 1] = gameBoard[i][currentCol];
                                    gameBoard[i][currentCol] = 0;
                                    currentCol++;
                                    cellsMoved = true;
                                }
                                if (currentCol < boardSize - 1 && gameBoard[i][currentCol + 1] === gameBoard[i][currentCol]) {
                                    gameBoard[i][currentCol + 1] *= 2;
                                    score += gameBoard[i][currentCol + 1];
                                    gameBoard[i][currentCol] = 0;
                                    cellsMoved = true;
                                }
                            }
                        }
                    }
                    break;
            }

if (cellsMoved) {
                addRandomCell();
                displayBoard();
                checkGameOver();
            }
        }

// Check if game is over (no available moves)
        function checkGameOver() {
            var movesAvailable = false;

for (var i = 0; i < boardSize; i++) {
                for (var j = 0; j < boardSize; j++) {
                    if (gameBoard[i][j] === 0) {
                        return;
                    }
                    if (i > 0 && gameBoard[i][j] === gameBoard[i - 1][j]) {
                        movesAvailable = true;
                    }
                    if (i < boardSize - 1 && gameBoard[i][j] === gameBoard[i + 1][j]) {
                        movesAvailable = true;
                    }
                    if (j > 0 && gameBoard[i][j] === gameBoard[i][j - 1]) {
                        movesAvailable = true;
                    }
                    if (j < boardSize - 1 && gameBoard[i][j] === gameBoard[i][j + 1]) {
                        movesAvailable = true;
                    }
                }
            }

if (!movesAvailable) {
                endGame();
            }
        }

// End the game
        function endGame() {
            alert("Game Over! Your score is: " + score);
        }

// Initialize game
        function initialize() {
            createBoard();
            addRandomCell();
            addRandomCell();
            displayBoard();
        }

// Handle swipe gestures
        var startX, startY;

function touchStart(event) {
            startX = event.touches[0].clientX;
            startY = event.touches[0].clientY;
        }

function touchMove(event) {
            event.preventDefault();
        }

function touchEnd(event) {
            var endX = event.changedTouches[0].clientX;
            var endY = event.changedTouches[0].clientY;
            var deltaX = endX - startX;
            var deltaY = endY - startY;
            var direction;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
                direction = deltaX > 0 ? "right" : "left";
            } else {
                direction = deltaY > 0 ? "down" : "up";
            }

mergeCells(direction);
        }

// Event listeners for touch gestures
        document.addEventListener("DOMContentLoaded", initialize);
        document.addEventListener("touchstart", touchStart);
        document.addEventListener("touchmove", touchMove);
        document.addEventListener("touchend", touchEnd);
    </script>

.cell {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 75px;
            height: 75px;
            margin: 10px;
            font-size: 24px;
            font-weight: bold;
            background-color: #cdc1b4;
            border-radius: 5px;
        }
    </style>