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

No:19484

←

Prev Next

→

Merge Game
Developer User8642｜Date and time 23/10/4 8:40:53
Build time 29.945 sec｜Game capacity 6.285KB｜

Script

Sure! Here's an example of a simple merge game implemented as a single HTML file using JavaScript and pictograms:

Merge Game

This code creates a simple merge game where you merge cells with the same value by shifting them in a certain direction (up, down, left, or right) using the Arrow keys. The goal is to reach the highest possible value by merging cells. The game ends when no more moves are possible. The game board is displayed using div elements with pictograms representing the cell values. Note: This is just a basic implementation of a merge game and can be further improved and customized based on your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a simple merge game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #gameboard {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            margin: 0 auto;
        }
        .cell {
            width: 100px;
            height: 100px;
            border: 1px solid #000;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <div id="gameboard"></div>

// Generate a new cell with value 2 or 4
        function generateCell() {
            const value = Math.random() < 0.9 ? 2 : 4;
            const emptyCells = board.filter(cell => cell.value === 0);
            const randomIndex = Math.floor(Math.random() * emptyCells.length);
            emptyCells[randomIndex].value = value;
        }

// Initialize the game board
        function initializeBoard() {
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    board.push({ value: 0 });
                }
            }

generateCell();
            generateCell();
        }

// Render the game board on the screen
        function renderBoard() {
            const gameboard = document.getElementById('gameboard');
            gameboard.innerHTML = '';

for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    const cell = board[i * boardSize + j];
                    const cellElem = document.createElement('div');
                    cellElem.className = 'cell';
                    cellElem.textContent = cell.value !== 0 ? cell.value : '';
                    gameboard.appendChild(cellElem);
                }
            }
        }

// Merge cells with the same value
        function mergeCells() {
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize - 1; j++) {
                    const index = i * boardSize + j;
                    const nextIndex = index + 1;

if (board[index].value !== 0 && board[index].value === board[nextIndex].value) {
                        board[index].value *= 2;
                        board[nextIndex].value = 0;
                    }
                }
            }
        }

// Shift cells to the left
        function shiftCells() {
            for (let i = 0; i < boardSize; i++) {
                const row = board.slice(i * boardSize, (i + 1) * boardSize);
                const shiftedRow = row.filter(cell => cell.value !== 0);

while (shiftedRow.length < boardSize) {
                    shiftedRow.push({ value: 0 });
                }

for (let j = 0; j < boardSize; j++) {
                    board[i * boardSize + j] = shiftedRow[j];
                }
            }
        }

// Check if the game is over
        function isGameOver() {
            for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    const cell = board[i * boardSize + j];

if (cell.value === 0) {
                        return false;
                    }

if (j < boardSize - 1 && cell.value === board[i * boardSize + j + 1].value) {
                        return false;
                    }

if (i < boardSize - 1 && cell.value === board[(i + 1) * boardSize + j].value) {
                        return false;
                    }
                }
            }

return true;
        }

// Handle keydown events
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowUp') {
                moveUp();
            } else if (event.key === 'ArrowDown') {
                moveDown();
            } else if (event.key === 'ArrowLeft') {
                moveLeft();
            } else if (event.key === 'ArrowRight') {
                moveRight();
            }

if (isGameOver()) {
                alert('Game over!');
            }

renderBoard();
        });

// Move cells up
        function moveUp() {
            rotateBoard();
            moveLeft();
            rotateBoard();
        }

// Move cells down
        function moveDown() {
            rotateBoard();
            rotateBoard();
            moveLeft();
            rotateBoard();
            rotateBoard();
        }

// Move cells left
        function moveLeft() {
            shiftCells();
            mergeCells();
            shiftCells();
            generateCell();
        }

// Move cells right
        function moveRight() {
            rotateBoard();
            rotateBoard();
            moveLeft();
            rotateBoard();
            rotateBoard();
        }

// Rotate the game board by 90 degrees
        function rotateBoard() {
            const rotatedBoard = [];

for (let i = 0; i < boardSize; i++) {
                for (let j = boardSize - 1; j >= 0; j--) {
                    rotatedBoard.push(board[j * boardSize + i]);
                }
            }

board = rotatedBoard;
        }

// Start the game
        initializeBoard();
        renderBoard();
    </script>
</body>
</html>
```

Note: This is just a basic implementation of a merge game and can be further improved and customized based on your specific requirements.