AI game creator

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

No:33876

←

Prev Next

→

Merge Game
Developer User15937｜Date and time 24/1/6 22:43:15
Build time 86.561 sec｜Game capacity 9.974KB｜

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>
        let boardSize = 4; // Size of the game board
        let board = []; // 2D array to store the game board
        let score = 0; // Game score

// Function to initialize the game board
        function initializeBoard() {
            for (let i = 0; i < boardSize; i++) {
                board[i] = [];
                for (let j = 0; j < boardSize; j++) {
                    board[i][j] = 0; // Set all cells to zero initially
                }
            }
        }

// Function to generate a new number (2 or 4) in a random empty cell
        function generateNewNumber() {
            let emptyCells = [];
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    if (board[i][j] === 0) {
                        emptyCells.push({row: i, col: j});
                    }
                }
            }

if (emptyCells.length > 0) {
                let randomEmptyCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
                let randomNumber = Math.random() < 0.9 ? 2 : 4;
                board[randomEmptyCell.row][randomEmptyCell.col] = randomNumber;
            }
        }

// Function to check if there is any possible merge remaining
        function isGameOver() {
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    if (board[i][j] === 0) {
                        return false;
                    }
                    if (i > 0 && board[i][j] === board[i - 1][j]) {
                        return false;
                    }
                    if (j > 0 && board[i][j] === board[i][j - 1]) {
                        return false;
                    }
                }
            }
            return true;
        }

// Function to handle swipe gestures on the game board
        function handleSwipe() {
            let startX, startY;
            document.addEventListener('touchstart', function(event) {
                startX = event.touches[0].clientX;
                startY = event.touches[0].clientY;
            });
            document.addEventListener('touchend', function(event) {
                let endX = event.changedTouches[0].clientX;
                let endY = event.changedTouches[0].clientY;
                let diffX = endX - startX;
                let diffY = endY - startY;

if (Math.abs(diffX) > Math.abs(diffY)) {
                    if (diffX > 0) {
                        mergeRight();
                    } else {
                        mergeLeft();
                    }
                } else {
                    if (diffY > 0) {
                        mergeDown();
                    } else {
                        mergeUp();
                    }
                }
                if (isGameOver()) {
                    alert('Game over! Your score is: ' + score);
                    initializeBoard();
                    generateNewNumber();
                    generateNewNumber();
                    renderBoard();
                }
            });
        }

// Function to merge cells to the right
        function mergeRight() {
            let moved = false;
            for (let i = 0; i < boardSize; i++) {
                for (let j = boardSize - 2; j >= 0; j--) {
                    if (board[i][j] !== 0) {
                        let currentCell = board[i][j];
                        let nextColumn = j + 1;
                        while (nextColumn < boardSize && board[i][nextColumn] === 0) {
                            nextColumn++;
                        }
                        if (nextColumn < boardSize && board[i][nextColumn] === currentCell) {
                            board[i][nextColumn] *= 2;
                            score += board[i][nextColumn];
                            board[i][j] = 0;
                            moved = true;
                        } else if (nextColumn - 1 !== j) {
                            board[i][nextColumn - 1] = currentCell;
                            board[i][j] = 0;
                            moved = true;
                        }
                    }
                }
            }
            if (moved) {
                generateNewNumber();
                renderBoard();
            }
        }

// Function to merge cells to the left
        function mergeLeft() {
            let moved = false;
            for (let i = 0; i < boardSize; i++) {
                for (let j = 1; j < boardSize; j++) {
                    if (board[i][j] !== 0) {
                        let currentCell = board[i][j];
                        let prevColumn = j - 1;
                        while (prevColumn >= 0 && board[i][prevColumn] === 0) {
                            prevColumn--;
                        }
                        if (prevColumn >= 0 && board[i][prevColumn] === currentCell) {
                            board[i][prevColumn] *= 2;
                            score += board[i][prevColumn];
                            board[i][j] = 0;
                            moved = true;
                        } else if (prevColumn + 1 !== j) {
                            board[i][prevColumn + 1] = currentCell;
                            board[i][j] = 0;
                            moved = true;
                        }
                    }
                }
            }
            if (moved) {
                generateNewNumber();
                renderBoard();
            }
        }

// Function to merge cells upwards
        function mergeUp() {
            let moved = false;
            for (let j = 0; j < boardSize; j++) {
                for (let i = 1; i < boardSize; i++) {
                    if (board[i][j] !== 0) {
                        let currentCell = board[i][j];
                        let prevRow = i - 1;
                        while (prevRow >= 0 && board[prevRow][j] === 0) {
                            prevRow--;
                        }
                        if (prevRow >= 0 && board[prevRow][j] === currentCell) {
                            board[prevRow][j] *= 2;
                            score += board[prevRow][j];
                            board[i][j] = 0;
                            moved = true;
                        } else if (prevRow + 1 !== i) {
                            board[prevRow + 1][j] = currentCell;
                            board[i][j] = 0;
                            moved = true;
                        }
                    }
                }
            }
            if (moved) {
                generateNewNumber();
                renderBoard();
            }
        }

// Function to merge cells downwards
        function mergeDown() {
            let moved = false;
            for (let j = 0; j < boardSize; j++) {
                for (let i = boardSize - 2; i >= 0; i--) {
                    if (board[i][j] !== 0) {
                        let currentCell = board[i][j];
                        let nextRow = i + 1;
                        while (nextRow < boardSize && board[nextRow][j] === 0) {
                            nextRow++;
                        }
                        if (nextRow < boardSize && board[nextRow][j] === currentCell) {
                            board[nextRow][j] *= 2;
                            score += board[nextRow][j];
                            board[i][j] = 0;
                            moved = true;
                        } else if (nextRow - 1 !== i) {
                            board[nextRow - 1][j] = currentCell;
                            board[i][j] = 0;
                            moved = true;
                        }
                    }
                }
            }
            if (moved) {
                generateNewNumber();
                renderBoard();
            }
        }

// Function to render the game board on the screen
        function renderBoard() {
            let gameTable = document.createElement('table');
            gameTable.style.borderCollapse = 'collapse';
            gameTable.style.fontSize = '24px';
            gameTable.style.fontWeight = 'bold';
            gameTable.style.textAlign = 'center';
            gameTable.style.margin = '20px auto';

for (let i = 0; i < boardSize; i++) {
                let row = document.createElement('tr');
                for (let j = 0; j < boardSize; j++) {
                    let cell = document.createElement('td');
                    cell.style.width = '80px';
                    cell.style.height = '80px';
                    cell.style.border = '1px solid black';
                    cell.textContent = board[i][j] === 0 ? '' : board[i][j];
                    row.appendChild(cell);
                }
                gameTable.appendChild(row);
            }
            
            let scoreDiv = document.createElement('div');
            scoreDiv.style.textAlign = 'center';
            scoreDiv.style.fontSize = '24px';
            scoreDiv.style.fontWeight = 'bold';
            scoreDiv.style.marginTop = '20px';
            scoreDiv.textContent = 'Score: ' + score;

let container = document.createElement('div');
            container.style.width = '320px';
            container.style.margin = '0 auto';
            container.appendChild(gameTable);
            container.appendChild(scoreDiv);

document.body.innerHTML = '';
            document.body.appendChild(container);
        }

// Function to start the game
        function startGame() {
            initializeBoard();
            generateNewNumber();
            generateNewNumber();
            renderBoard();
            handleSwipe();
        }

startGame();
    </script>
</body>
</html>