AI game creator

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

No:7867

173

←

Prev Next

→

Merge Game
Developer User4070｜Date and time 23/7/10 3:34:06
Build time 21.553 sec｜Game capacity 8.358KB｜

Script

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

To play the game, open the HTML file in a web browser that supports JavaScript, such as Google Chrome, and use the arrow keys on your keyboard to merge the cells with the same numbers. The goal of the game is to reach the highest possible number by merging cells. The game will end if there are no empty cells left and no more valid moves can be made.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

#game {
            display: flex;
            flex-wrap: wrap;
            width: 320px;
            height: 320px;
        }

.cell {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 80px;
            font-size: 32px;
            background-color: #ccc;
            margin: 5px;
        }
    </style>
</head>
<body>
    <div id="game"></div>

const createCell = (number) => {
            const cell = document.createElement('div');
            cell.className = 'cell';
            cell.innerText = number;
            return cell;
        };

const initializeGame = () => {
            for (let i = 0; i < 4; i++) {
                for (let j = 0; j < 4; j++) {
                    const cell = createCell(0);
                    gameBoard.appendChild(cell);
                }
            }

generateNewNumber();
            generateNewNumber();
        };

const generateNewNumber = () => {
            const emptyCells = Array.from(document.querySelectorAll('.cell')).filter(cell => cell.innerText == 0);

if (emptyCells.length > 0) {
                const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
                randomCell.innerText = Math.random() < 0.8 ? 2 : 4;
            }
        };

initializeGame();

document.addEventListener('keydown', (event) => {
            if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
                moveCells(event.key);
            }
        });

const moveCells = (direction) => {
            const cells = Array.from(document.querySelectorAll('.cell'));
            let moved = false;

switch (direction) {
                case 'ArrowUp':
                    for (let j = 0; j < 4; j++) {
                        for (let i = 1; i < 4; i++) {
                            let currentCell = cells[i * 4 + j];
                            if (currentCell.innerText != 0) {
                                let k = i - 1;
                                while (k >= 0 && cells[k * 4 + j].innerText == 0) {
                                    cells[(k + 1) * 4 + j].innerText = 0;
                                    cells[k * 4 + j].innerText = currentCell.innerText;
                                    currentCell = cells[k * 4 + j];
                                    k--;
                                    moved = true;
                                }
                                if (k >= 0 && cells[k * 4 + j].innerText == currentCell.innerText) {
                                    cells[(k + 1) * 4 + j].innerText = 0;
                                    cells[k * 4 + j].innerText = Number(currentCell.innerText) * 2;
                                    moved = true;
                                }
                            }
                        }
                    }
                    break;

case 'ArrowDown':
                    for (let j = 0; j < 4; j++) {
                        for (let i = 2; i >= 0; i--) {
                            let currentCell = cells[i * 4 + j];
                            if (currentCell.innerText != 0) {
                                let k = i + 1;
                                while (k <= 3 && cells[k * 4 + j].innerText == 0) {
                                    cells[(k - 1) * 4 + j].innerText = 0;
                                    cells[k * 4 + j].innerText = currentCell.innerText;
                                    currentCell = cells[k * 4 + j];
                                    k++;
                                    moved = true;
                                }
                                if (k <= 3 && cells[k * 4 + j].innerText == currentCell.innerText) {
                                    cells[(k - 1) * 4 + j].innerText = 0;
                                    cells[k * 4 + j].innerText = Number(currentCell.innerText) * 2;
                                    moved = true;
                                }
                            }
                        }
                    }
                    break;

case 'ArrowLeft':
                    for (let i = 0; i < 4; i++) {
                        for (let j = 1; j < 4; j++) {
                            let currentCell = cells[i * 4 + j];
                            if (currentCell.innerText != 0) {
                                let k = j - 1;
                                while (k >= 0 && cells[i * 4 + k].innerText == 0) {
                                    cells[i * 4 + (k + 1)].innerText = 0;
                                    cells[i * 4 + k].innerText = currentCell.innerText;
                                    currentCell = cells[i * 4 + k];
                                    k--;
                                    moved = true;
                                }
                                if (k >= 0 && cells[i * 4 + k].innerText == currentCell.innerText) {
                                    cells[i * 4 + (k + 1)].innerText = 0;
                                    cells[i * 4 + k].innerText = Number(currentCell.innerText) * 2;
                                    moved = true;
                                }
                            }
                        }
                    }
                    break;

case 'ArrowRight':
                    for (let i = 0; i < 4; i++) {
                        for (let j = 2; j >= 0; j--) {
                            let currentCell = cells[i * 4 + j];
                            if (currentCell.innerText != 0) {
                                let k = j + 1;
                                while (k <= 3 && cells[i * 4 + k].innerText == 0) {
                                    cells[i * 4 + (k - 1)].innerText = 0;
                                    cells[i * 4 + k].innerText = currentCell.innerText;
                                    currentCell = cells[i * 4 + k];
                                    k++;
                                    moved = true;
                                }
                                if (k <= 3 && cells[i * 4 + k].innerText == currentCell.innerText) {
                                    cells[i * 4 + (k - 1)].innerText = 0;
                                    cells[i * 4 + k].innerText = Number(currentCell.innerText) * 2;
                                    moved = true;
                                }
                            }
                        }
                    }
                    break;
            }

if (moved) {
                generateNewNumber();

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

const isGameOver = () => {
            const cells = Array.from(document.querySelectorAll('.cell'));
            const emptyCells = cells.filter(cell => cell.innerText == 0);
            if (emptyCells.length > 0) {
                return false;
            }

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

return true;
        };
    </script>
</body>
</html>
```