AI game creator

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

No:23835

←

Prev Next

→

マージゲーム
Developer User11168｜Date and time 23/11/3 23:06:24
Build time 208.424 sec｜Game capacity 9.436KB｜

Script

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

このプログラムでは、HTMLとJavaScriptを1つのファイルに組み合わせています。マージゲームのロジックや表示を実装し、スマートフォンで遊ぶことができるようにしています。プレイヤーは上下左右のキーを押すことでタイルを移動させ、同じ数字のタイルが隣り合うとマージされます。マージされたタイルの数字は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>Merge Game</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-family: sans-serif;
        }
    </style>
</head>
<body>
    <script>
        const size = 4; // ボードのサイズ
        let board = []; // ボードの状態を保持する配列

// ゲームの初期化
        function initGame() {
            // ボードの初期化
            board = new Array(size);
            for (let i = 0; i < size; i++) {
                board[i] = new Array(size).fill(0);
            }

// ランダムな位置に2か4を追加
            addRandomTile();
            addRandomTile();

// ボードの表示
            renderBoard();
        }

// ランダムな位置に2か4を追加する関数
        function addRandomTile() {
            const availableCells = [];
            for (let i = 0; i < size; i++) {
                for (let j = 0; j < size; j++) {
                    if (board[i][j] === 0) {
                        availableCells.push({ x: i, y: j });
                    }
                }
            }

if (availableCells.length > 0) {
                const randomCell = availableCells[Math.floor(Math.random() * availableCells.length)];
                board[randomCell.x][randomCell.y] = Math.random() < 0.9 ? 2 : 4;
            }
        }

// ボードの表示を更新する関数
        function renderBoard() {
            const boardElement = document.createElement('div');
            boardElement.style.display = 'grid';
            boardElement.style.gridTemplateColumns = `repeat(${size}, 1fr)`;
            boardElement.style.gridTemplateRows = `repeat(${size}, 1fr)`;
            boardElement.style.gap = '10px';

for (let i = 0; i < size; i++) {
                for (let j = 0; j < size; j++) {
                    const cellElement = document.createElement('div');
                    cellElement.style.border = '1px solid #555';
                    cellElement.style.display = 'flex';
                    cellElement.style.alignItems = 'center';
                    cellElement.style.justifyContent = 'center';
                    cellElement.style.fontSize = '30px';
                    cellElement.style.fontWeight = 'bold';

if (board[i][j] === 0) {
                        cellElement.textContent = '';
                        cellElement.style.backgroundColor = '#eee';
                    } else {
                        cellElement.textContent = board[i][j];
                        cellElement.style.backgroundColor = '#ffd600';
                    }

boardElement.appendChild(cellElement);
                }
            }

document.body.innerHTML = '';
            document.body.appendChild(boardElement);
        }

// ゲームが終了かどうかを判定する関数
        function isGameOver() {
            for (let i = 0; i < size; i++) {
                for (let j = 0; j < size; j++) {
                    if (board[i][j] === 0) {
                        return false;
                    }
                    if (i > 0 && board[i][j] === board[i - 1][j]) {
                        return false;
                    }
                    if (i < size - 1 && board[i][j] === board[i + 1][j]) {
                        return false;
                    }
                    if (j > 0 && board[i][j] === board[i][j - 1]) {
                        return false;
                    }
                    if (j < size - 1 && board[i][j] === board[i][j + 1]) {
                        return false;
                    }
                }
            }
            return true;
        }

// ゲームオーバー時のメッセージを表示する関数
        function showGameOverMessage() {
            const gameOverMessage = document.createElement('div');
            gameOverMessage.textContent = 'Game Over';
            gameOverMessage.style.textAlign = 'center';
            gameOverMessage.style.fontSize = '48px';
            gameOverMessage.style.fontWeight = 'bold';

document.body.innerHTML = '';
            document.body.appendChild(gameOverMessage);
        }

// キー入力を受け取るイベントリスナー
        function handleKeyPress(event) {
            const key = event.key;
            const moved = moveTiles(key);

if (moved) {
                addRandomTile();
                renderBoard();

if (isGameOver()) {
                    showGameOverMessage();
                }
            }
        }

// タイルを移動させる関数
        function moveTiles(direction) {
            let moved = false;

if (direction === 'ArrowUp' || direction === 'w') {
                for (let j = 0; j < size; j++) {
                    for (let i = 1; i < size; i++) {
                        if (board[i][j] !== 0) {
                            let k = i;
                            while (k > 0 && board[k - 1][j] === 0) {
                                board[k - 1][j] = board[k][j];
                                board[k][j] = 0;
                                k--;
                                moved = true;
                            }
                            if (k > 0 && board[k - 1][j] === board[k][j]) {
                                board[k - 1][j] *= 2;
                                board[k][j] = 0;
                                moved = true;
                            }
                        }
                    }
                }
            } else if (direction === 'ArrowDown' || direction === 's') {
                for (let j = 0; j < size; j++) {
                    for (let i = size - 2; i >= 0; i--) {
                        if (board[i][j] !== 0) {
                            let k = i;
                            while (k < size - 1 && board[k + 1][j] === 0) {
                                board[k + 1][j] = board[k][j];
                                board[k][j] = 0;
                                k++;
                                moved = true;
                            }
                            if (k < size - 1 && board[k + 1][j] === board[k][j]) {
                                board[k + 1][j] *= 2;
                                board[k][j] = 0;
                                moved = true;
                            }
                        }
                    }
                }
            } else if (direction === 'ArrowLeft' || direction === 'a') {
                for (let i = 0; i < size; i++) {
                    for (let j = 1; j < size; j++) {
                        if (board[i][j] !== 0) {
                            let k = j;
                            while (k > 0 && board[i][k - 1] === 0) {
                                board[i][k - 1] = board[i][k];
                                board[i][k] = 0;
                                k--;
                                moved = true;
                            }
                            if (k > 0 && board[i][k - 1] === board[i][k]) {
                                board[i][k - 1] *= 2;
                                board[i][k] = 0;
                                moved = true;
                            }
                        }
                    }
                }
            } else if (direction === 'ArrowRight' || direction === 'd') {
                for (let i = 0; i < size; i++) {
                    for (let j = size - 2; j >= 0; j--) {
                        if (board[i][j] !== 0) {
                            let k = j;
                            while (k < size - 1 && board[i][k + 1] === 0) {
                                board[i][k + 1] = board[i][k];
                                board[i][k] = 0;
                                k++;
                                moved = true;
                            }
                            if (k < size - 1 && board[i][k + 1] === board[i][k]) {
                                board[i][k + 1] *= 2;
                                board[i][k] = 0;
                                moved = true;
                            }
                        }
                    }
                }
            }

return moved;
        }

// ゲームの初期化とキー入力イベントリスナーの登録
        initGame();
        window.addEventListener('keydown', handleKeyPress);
    </script>
</body>
</html>
```

このプログラムでは、HTMLとJavaScriptを1つのファイルに組み合わせています。マージゲームのロジックや表示を実装し、スマートフォンで遊ぶことができるようにしています。プレイヤーは上下左右のキーを押すことでタイルを移動させ、同じ数字のタイルが隣り合うとマージされます。マージされたタイルの数字は2倍になります。ゲームが終了する条件は、ボードが埋まり、さらに移動できるタイルがない場合です。