AI game creator

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

No:39903

←

Prev Next

→

マージゲーム
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/30 19:19:27
Build time 25.99 sec｜Game capacity 6.148KB｜

Script

了解しました。以下にマージゲームのプログラムを示します。

このゲームでは、矢印キーまたはWASDキーを使用してブロックをマージすることができます。同じ数字のブロックが隣接している場合、方向キーに対応する方向にブロックがマージされます。新しいブロックが追加されるたびに、2または4の数字がランダムに表示されます。ゲームボードのサイズは`boardSize`変数で調整することができます。なお、絵文字を使用する場合は、表示されるブロックの数字に対応する絵文字を表示するように修正することができます。例えば、「2」の代わりに「🐶」を表示させる場合は、以下のように書き換えます。
また、その他のブロックの数字に対応する絵文字も必要に応じてプログラムに追加してください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にマージゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>マージゲーム</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            font-family: Arial, sans-serif;
        }

.game-board {
            display: flex;
            flex-wrap: wrap;
            width: 240px;
            height: 240px;
            border: 1px solid #333;
            border-radius: 4px;
        }

.block {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            border: 1px solid #333;
            font-size: 24px;
        }
    </style>
</head>
<body>

render();

function render() {
        gameBoard.innerHTML = '';
        board.forEach((val, index) => {
            const block = document.createElement('div');
            block.classList.add('block');
            block.innerText = val ? val : "";
            gameBoard.appendChild(block);
        });
    }

case 'down':
                for (let i = boardSize * boardSize - 1; i >= 0; i--) {
                    if (board[i]) {
                        let j = i + boardSize;
                        while (j < boardSize * boardSize && !board[j]) {
                            board[j] = board[j - boardSize];
                            board[j - boardSize] = null;
                            j += boardSize;
                        }
                        if (j < boardSize * boardSize && board[j] == board[j - boardSize]) {
                            board[j] *= 2;
                            board[j - boardSize] = null;
                        }
                    }
                }
                break;

case 'left':
                for (let i = 0; i < boardSize * boardSize; i++) {
                    if (board[i]) {
                        let j = i - 1;
                        while (j >= 0 && j % boardSize != boardSize - 1 && !board[j]) {
                            board[j] = board[j + 1];
                            board[j + 1] = null;
                            j--;
                        }
                        if (j >= 0 && j % boardSize != boardSize - 1 && board[j] == board[j + 1]) {
                            board[j] *= 2;
                            board[j + 1] = null;
                        }
                    }
                }
                break;

case 'right':
                for (let i = boardSize * boardSize - 1; i >= 0; i--) {
                    if (board[i]) {
                        let j = i + 1;
                        while (j < boardSize * boardSize && j % boardSize != 0 && !board[j]) {
                            board[j] = board[j - 1];
                            board[j - 1] = null;
                            j++;
                        }
                        if (j < boardSize * boardSize && j % boardSize != 0 && board[j] == board[j - 1]) {
                            board[j] *= 2;
                            board[j - 1] = null;
                        }
                    }
                }
                break;
        }

addNewBlock();
        render();
    }

</body>
</html>
```

なお、絵文字を使用する場合は、表示されるブロックの数字に対応する絵文字を表示するように修正することができます。例えば、「2」の代わりに「🐶」を表示させる場合は、以下のように書き換えます。

```JavaScript
block.innerText = val ? "🐶" : "";
```

また、その他のブロックの数字に対応する絵文字も必要に応じてプログラムに追加してください。