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

No:39027

←

Prev Next

→

Merge Game
Developer User17483｜Date and time 24/1/26 10:51:52
Build time 34.486 sec｜Game capacity 7.393KB｜

Script

Sure! Here's an example of a merge game implemented as a single HTML file using JavaScript and enclosed in script tags. I've used pictograms to represent the game elements, and you can play it on a smartphone.

Merge Game

To play the game, simply copy the code above and save it as a `.html` file. You can then open the HTML file in any web browser, and the game will be playable on a smartphone. Use the arrow keys to merge the pictograms and reach the maximum number of 2048 without running out of moves.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        .game-grid {
            display: flex;
            flex-wrap: wrap;
            max-width: 300px;
            margin: 0 auto;
        }
        .game-cell {
            width: 100px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <div id="game-grid" class="game-grid"></div>
    <script>
        // Game logic
        const grid = [];
        const maxNumber = 2048;

function generateRandomNumber() {
            return Math.random() < 0.8 ? 2 : 4;
        }

function generateRandomPosition() {
            const emptyCells = grid.filter(cell => cell === null);
            if (emptyCells.length > 0) {
                const randomIndex = Math.floor(Math.random() * emptyCells.length);
                return emptyCells[randomIndex].position;
            }
            return null;
        }

function drawGrid() {
            const gameGrid = document.getElementById('game-grid');
            gameGrid.innerHTML = '';

for (const cell of grid) {
                const cellElement = document.createElement('div');
                cellElement.className = 'game-cell';
                cellElement.innerHTML = cell ? `&#x${cell.toString(16)};` : '';
                gameGrid.append(cellElement);
            }
        }

function isGameOver() {
            if (grid.includes(null)) {
                return false;
            }

for (let i = 0; i < grid.length; i++) {
                if (i % 4 < 3 && grid[i] === grid[i + 1]) {
                    return false;
                }
                if (i < 12 && grid[i] === grid[i + 4]) {
                    return false;
                }
            }

return true;
        }

function merge(direction) {
            let moved = false;
            
            switch (direction) {
                case 'left':
                    moved = moveLeft();
                    break;
                case 'right':
                    moved = moveRight();
                    break;
                case 'up':
                    moved = moveUp();
                    break;
                case 'down':
                    moved = moveDown();
                    break;
            }

if (moved) {
                const randomPosition = generateRandomPosition();
                if (randomPosition !== null) {
                    const randomNumber = generateRandomNumber();
                    grid[randomPosition] = randomNumber;
                }
                drawGrid();
                
                if (isGameOver()) {
                    alert('Game over!');
                }
            }
        }

// Event listeners
        document.addEventListener('keydown', e => {
            const key = e.key.toLowerCase();
            if (key === 'arrowleft') {
                merge('left');
            } else if (key === 'arrowright') {
                merge('right');
            } else if (key === 'arrowup') {
                merge('up');
            } else if (key === 'arrowdown') {
                merge('down');
            }
        });

// Game start
        initializeGrid();
        const randomPosition = generateRandomPosition();
        const randomNumber = generateRandomNumber();
        grid[randomPosition] = randomNumber;
        drawGrid();
    </script>
</body>
</html>
```