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

No:33245

←

Prev Next

→

Merge Game
Developer User15704｜Date and time 24/1/3 2:50:35
Build time 45.003 sec｜Game capacity 7.385KB｜

Script

Merge Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Merge Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game-container {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        
        .cell {
            width: 80px;
            height: 80px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <div id="game-container"></div>
    
    <script>
        // Initialize game variables
        var score = 0;
        var grid = [];
        var rows = 4;
        var cols = 4;

// Generate a random cell with value 2 or 4
        function generateRandomCell() {
            var value = Math.random() < 0.9 ? 2 : 4;
            var row = Math.floor(Math.random() * rows);
            var col = Math.floor(Math.random() * cols);
            
            if (grid[row][col] === 0) {
                grid[row][col] = value;
            } else {
                generateRandomCell();
            }
        }
        
        // Initialize the game grid
        function initializeGrid() {
            for (var i = 0; i < rows; i++) {
                grid[i] = [];
                for (var j = 0; j < cols; j++) {
                    grid[i][j] = 0;
                }
            }
            
            generateRandomCell();
            generateRandomCell();
        }
        
        // Render the game grid on the HTML page
        function renderGrid() {
            var gameContainer = document.getElementById('game-container');
            gameContainer.innerHTML = '';
            
            for (var i = 0; i < rows; i++) {
                for (var j = 0; j < cols; j++) {
                    var cell = document.createElement('div');
                    cell.classList.add('cell');
                    cell.innerHTML = grid[i][j] === 0 ? '' : grid[i][j];
                    
                    gameContainer.appendChild(cell);
                }
            }
        }
        
        // Check if the game is over (no more possible moves)
        function isGameOver() {
            for (var i = 0; i < rows; i++) {
                for (var j = 0; j < cols; j++) {
                    if (grid[i][j] === 0) {
                        return false;
                    }
                    
                    if (i > 0 && grid[i][j] === grid[i - 1][j]) {
                        return false;
                    }
                    
                    if (i < rows - 1 && grid[i][j] === grid[i + 1][j]) {
                        return false;
                    }
                    
                    if (j > 0 && grid[i][j] === grid[i][j - 1]) {
                        return false;
                    }
                    
                    if (j < cols - 1 && grid[i][j] === grid[i][j + 1]) {
                        return false;
                    }
                }
            }
            
            return true;
        }
        
        // Merge cells and update the score
        function mergeCells(direction) {
            var merged = false;
            
            switch (direction) {
                case 'up':
                    for (var j = 0; j < cols; j++) {
                        for (var i = 1; i < rows; i++) {
                            if (grid[i][j] !== 0) {
                                var value = grid[i][j];
                                
                                if (grid[i - 1][j] === value) {
                                    grid[i - 1][j] += value;
                                    grid[i][j] = 0;
                                    merged = true;
                                    score += grid[i - 1][j];
                                }
                            }
                        }
                    }
                    break;
                case 'down':
                    for (var j = 0; j < cols; j++) {
                        for (var i = rows - 2; i >= 0; i--) {
                            if (grid[i][j] !== 0) {
                                var value = grid[i][j];
                                
                                if (grid[i + 1][j] === value) {
                                    grid[i + 1][j] += value;
                                    grid[i][j] = 0;
                                    merged = true;
                                    score += grid[i + 1][j];
                                }
                            }
                        }
                    }
                    break;
                case 'right':
                    for (var i = 0; i < rows; i++) {
                        for (var j = cols - 2; j >= 0; j--) {
                            if (grid[i][j] !== 0) {
                                var value = grid[i][j];
                                
                                if (grid[i][j + 1] === value) {
                                    grid[i][j + 1] += value;
                                    grid[i][j] = 0;
                                    merged = true;
                                    score += grid[i][j + 1];
                                }
                            }
                        }
                    }
                    break;
                case 'left':
                    for (var i = 0; i < rows; i++) {
                        for (var j = 1; j < cols; j++) {
                            if (grid[i][j] !== 0) {
                                var value = grid[i][j];
                                
                                if (grid[i][j - 1] === value) {
                                    grid[i][j - 1] += value;
                                    grid[i][j] = 0;
                                    merged = true;
                                    score += grid[i][j - 1];
                                }
                            }
                        }
                    }
                    break;
            }
            
            return merged;
        }
        
        // Handle key press events
        function handleKeyPress(event) {
            event.preventDefault();
            
            var merged = false;
            
            switch (event.key) {
                case 'ArrowUp':
                    merged = mergeCells('up');
                    break;
                case 'ArrowDown':
                    merged = mergeCells('down');
                    break;
                case 'ArrowRight':
                    merged = mergeCells('right');
                    break;
                case 'ArrowLeft':
                    merged = mergeCells('left');
                    break;
            }
            
            if (merged) {
                generateRandomCell();
                renderGrid();
                
                if (isGameOver()) {
                    alert('¡Juego terminado! Tu puntuación final es: ' + score);
                }
            }
        }
        
        // Start the game
        function startGame() {
            initializeGrid();
            renderGrid();
            
            document.addEventListener('keydown', handleKeyPress);
        }
        
        startGame();
    </script>
</body>
</html>