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

No:27084

116

←

Prev Next

→

Merge Game
Developer User13389｜Date and time 23/12/4 6:10:09
Build time 101.211 sec｜Game capacity 9.495KB｜

Script

Sure, I can help you create a simple merge game using JavaScript and pictograms for smartphone operation. Here's an example code implemented as a single HTML file:

Merge Game

Score: 0

This code sets up a basic merge game where you have to swipe (left, right, up, or down) to merge the numbers on a grid. The game ends when there are no more possible moves. The score is displayed at the top. Each time you swipe, new numbers (either 2 or 4) will appear randomly on the grid. The goal is to merge numbers until you reach the highest possible number.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, I can help you create a simple merge game using JavaScript and pictograms for smartphone operation. Here's an example code implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        .score {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 20px;
        }
        .cell {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            border: 1px solid #ccc;
            margin: 5px;
            font-size: 36px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    
    <div class="score">Score: <span id="score">0</span></div>
    
    <div class="grid" id="grid"></div>
    
    <script>
        // Create the game grid
        const gridElement = document.getElementById('grid');
        const grid = [];
        const gridSize = 4; // Change this to adjust the grid size
        
        function createGrid() {
            let cells = '';
            for (let i = 0; i < gridSize; i++) {
                grid.push([]);
                for (let j = 0; j < gridSize; j++) {
                    grid[i][j] = 0;
                    cells += `<div class="cell" id="cell-${i}-${j}"></div>`;
                }
            }
            gridElement.innerHTML = cells;
        }
        
        // Generate random numbers for the grid
        function generateRandomNumber() {
            return Math.random() > 0.5 ? 2 : 4;
        }
        
        // Add a new number to the grid
        function addNewNumber() {
            const emptyCells = [];
            for (let i = 0; i < gridSize; i++) {
                for (let j = 0; j < gridSize; j++) {
                    if (grid[i][j] === 0) {
                        emptyCells.push({ row: i, col: j });
                    }
                }
            }
            if (emptyCells.length === 0) {
                // Game over logic here
                alert('Game Over!');
                return;
            }
            const randomIndex = Math.floor(Math.random() * emptyCells.length);
            const { row, col } = emptyCells[randomIndex];
            grid[row][col] = generateRandomNumber();
            updateGrid();
        }
        
        // Update the grid visually
        function updateGrid() {
            for (let i = 0; i < gridSize; i++) {
                for (let j = 0; j < gridSize; j++) {
                    const cellElement = document.getElementById(`cell-${i}-${j}`);
                    cellElement.textContent = grid[i][j] !== 0 ? grid[i][j] : '';
                }
            }
            updateScore();
        }
        
        // Update the score
        function updateScore() {
            const scoreElement = document.getElementById('score');
            let score = 0;
            for (let i = 0; i < gridSize; i++) {
                for (let j = 0; j < gridSize; j++) {
                    score += grid[i][j];
                }
            }
            scoreElement.textContent = score;
        }
        
        // Initialize the game
        createGrid();
        addNewNumber();
        addNewNumber();
        
        // Handle swipe gestures (left, right, up, down)
        let xStart, yStart;
        document.addEventListener('touchstart', function(e) {
            xStart = e.touches[0].clientX;
            yStart = e.touches[0].clientY;
        });
        
        document.addEventListener('touchend', function(e) {
            const xEnd = e.changedTouches[0].clientX;
            const yEnd = e.changedTouches[0].clientY;
            const dx = xEnd - xStart;
            const dy = yEnd - yStart;
            const threshold = 50; // Adjust this to control the swipe sensitivity
            
            if (Math.abs(dx) > Math.abs(dy)) {
                // Horizontal swipe
                if (Math.abs(dx) > threshold) {
                    if (dx > 0) {
                        swipeRight();
                    } else {
                        swipeLeft();
                    }
                }
            } else {
                // Vertical swipe
                if (Math.abs(dy) > threshold) {
                    if (dy > 0) {
                        swipeDown();
                    } else {
                        swipeUp();
                    }
                }
            }
        });
        
        // Handle swipe right
        function swipeRight() {
            let hasChanged = false;
            
            for (let row = 0; row < gridSize; row++) {
                for (let col = gridSize - 2; col >= 0; col--) {
                    if (grid[row][col] !== 0) {
                        let nextCol = col + 1;
                        while (nextCol < gridSize && grid[row][nextCol] === 0) {
                            nextCol++;
                        }
                        if (grid[row][nextCol] === 0) {
                            grid[row][nextCol] = grid[row][col];
                            grid[row][col] = 0;
                            hasChanged = true;
                        } else if (grid[row][nextCol] === grid[row][col]) {
                            grid[row][nextCol] *= 2;
                            grid[row][col] = 0;
                            hasChanged = true;
                        }
                    }
                }
            }
            
            if (hasChanged) {
                addNewNumber();
            }
        }
        
        // Handle swipe left
        function swipeLeft() {
            let hasChanged = false;
            
            for (let row = 0; row < gridSize; row++) {
                for (let col = 1; col < gridSize; col++) {
                    if (grid[row][col] !== 0) {
                        let prevCol = col - 1;
                        while (prevCol >= 0 && grid[row][prevCol] === 0) {
                            prevCol--;
                        }
                        if (grid[row][prevCol] === 0) {
                            grid[row][prevCol] = grid[row][col];
                            grid[row][col] = 0;
                            hasChanged = true;
                        } else if (grid[row][prevCol] === grid[row][col]) {
                            grid[row][prevCol] *= 2;
                            grid[row][col] = 0;
                            hasChanged = true;
                        }
                    }
                }
            }
            
            if (hasChanged) {
                addNewNumber();
            }
        }
        
        // Handle swipe down
        function swipeDown() {
            let hasChanged = false;
            
            for (let col = 0; col < gridSize; col++) {
                for (let row = gridSize - 2; row >= 0; row--) {
                    if (grid[row][col] !== 0) {
                        let nextRow = row + 1;
                        while (nextRow < gridSize && grid[nextRow][col] === 0) {
                            nextRow++;
                        }
                        if (grid[nextRow][col] === 0) {
                            grid[nextRow][col] = grid[row][col];
                            grid[row][col] = 0;
                            hasChanged = true;
                        } else if (grid[nextRow][col] === grid[row][col]) {
                            grid[nextRow][col] *= 2;
                            grid[row][col] = 0;
                            hasChanged = true;
                        }
                    }
                }
            }
            
            if (hasChanged) {
                addNewNumber();
            }
        }
        
        // Handle swipe up
        function swipeUp() {
            let hasChanged = false;
            
            for (let col = 0; col < gridSize; col++) {
                for (let row = 1; row < gridSize; row++) {
                    if (grid[row][col] !== 0) {
                        let prevRow = row - 1;
                        while (prevRow >= 0 && grid[prevRow][col] === 0) {
                            prevRow--;
                        }
                        if (grid[prevRow][col] === 0) {
                            grid[prevRow][col] = grid[row][col];
                            grid[row][col] = 0;
                            hasChanged = true;
                        } else if (grid[prevRow][col] === grid[row][col]) {
                            grid[prevRow][col] *= 2;
                            grid[row][col] = 0;
                            hasChanged = true;
                        }
                    }
                }
            }
            
            if (hasChanged) {
                addNewNumber();
            }
        }
    </script>
</body>
</html>
```