AI game creator

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

No:39904

←

Prev Next

→

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

Script

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

このマージゲームは、4x4のグリッド上で数字のタイルをマージしながらスワイプ操作をするゲームです。スマホでも遊べるようにしてあります。数字のタイルが2つずつ生成され、同じ数字のタイルが隣り合った場合にマージされます。数字のマージはスワイプの方向に合わせて行われます。ゲームの目標は512の数字のタイルを作り出すことです。

←

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 {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 48px;
        }
        .game {
            display: flex;
            flex-wrap: wrap;
            width: 200px;
            height: 200px;
        }
        .tile {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100px;
            height: 100px;
            background-color: #eee;
            border: solid 1px #ccc;
        }
    </style>
</head>
<body>
    <div class="game"></div>

// ゲームの初期化
            function initGame() {
                // タイルの生成
                for (let i = 0; i < 4; i++) {
                    const tile = document.createElement('div');
                    tile.className = 'tile';
                    tiles.push(tile);
                    gameDiv.appendChild(tile);
                }

// ランダムな位置に2または4を設定
                setRandomNumber();
                setRandomNumber();
            }

// ランダムな位置に2または4を設定する関数
            function setRandomNumber() {
                const index = Math.floor(Math.random() * tiles.length);
                const number = Math.random() < 0.9 ? 2 : 4;
                tiles[index].textContent = number;
            }

// キーイベントの処理
            function handleKeyDown(event) {
                switch (event.key) {
                    case 'ArrowUp':
                        moveTiles('up');
                        break;
                    case 'ArrowDown':
                        moveTiles('down');
                        break;
                    case 'ArrowLeft':
                        moveTiles('left');
                        break;
                    case 'ArrowRight':
                        moveTiles('right');
                        break;
                }
                setRandomNumber();
            }

// タイルの移動
            function moveTiles(direction) {
                switch (direction) {
                    case 'up':
                        for (let i = 0; i < 4; i++) {
                            for (let j = 0; j < 4; j++) {
                                const currentIndex = i * 4 + j;
                                const currentTile = tiles[currentIndex];
                                if (currentTile.textContent !== '') {
                                    let nextIndex = currentIndex;
                                    while (nextIndex - 4 >= 0 && tiles[nextIndex - 4].textContent === '') {
                                        nextIndex -= 4;
                                    }
                                    if (nextIndex - 4 >= 0 && tiles[nextIndex - 4].textContent === currentTile.textContent) {
                                        tiles[nextIndex - 4].textContent = Number(tiles[nextIndex - 4].textContent) * 2;
                                        currentTile.textContent = '';
                                    } else if (nextIndex !== currentIndex) {
                                        tiles[nextIndex].textContent = currentTile.textContent;
                                        currentTile.textContent = '';
                                    }
                                }
                            }
                        }
                        break;
                    case 'down':
                        for (let i = 3; i >= 0; i--) {
                            for (let j = 0; j < 4; j++) {
                                const currentIndex = i * 4 + j;
                                const currentTile = tiles[currentIndex];
                                if (currentTile.textContent !== '') {
                                    let nextIndex = currentIndex;
                                    while (nextIndex + 4 <= 15 && tiles[nextIndex + 4].textContent === '') {
                                        nextIndex += 4;
                                    }
                                    if (nextIndex + 4 <= 15 && tiles[nextIndex + 4].textContent === currentTile.textContent) {
                                        tiles[nextIndex + 4].textContent = Number(tiles[nextIndex + 4].textContent) * 2;
                                        currentTile.textContent = '';
                                    } else if (nextIndex !== currentIndex) {
                                        tiles[nextIndex].textContent = currentTile.textContent;
                                        currentTile.textContent = '';
                                    }
                                }
                            }
                        }
                        break;
                    case 'left':
                        for (let i = 0; i < 4; i++) {
                            for (let j = 0; j < 4; j++) {
                                const currentIndex = i * 4 + j;
                                const currentTile = tiles[currentIndex];
                                if (currentTile.textContent !== '') {
                                    let nextIndex = currentIndex;
                                    while (nextIndex % 4 !== 0 && tiles[nextIndex - 1].textContent === '') {
                                        nextIndex--;
                                    }
                                    if (nextIndex % 4 !== 0 && tiles[nextIndex - 1].textContent === currentTile.textContent) {
                                        tiles[nextIndex - 1].textContent = Number(tiles[nextIndex - 1].textContent) * 2;
                                        currentTile.textContent = '';
                                    } else if (nextIndex !== currentIndex) {
                                        tiles[nextIndex].textContent = currentTile.textContent;
                                        currentTile.textContent = '';
                                    }
                                }
                            }
                        }
                        break;
                    case 'right':
                        for (let i = 0; i < 4; i++) {
                            for (let j = 3; j >= 0; j--) {
                                const currentIndex = i * 4 + j;
                                const currentTile = tiles[currentIndex];
                                if (currentTile.textContent !== '') {
                                    let nextIndex = currentIndex;
                                    while (nextIndex % 4 !== 3 && tiles[nextIndex + 1].textContent === '') {
                                        nextIndex++;
                                    }
                                    if (nextIndex % 4 !== 3 && tiles[nextIndex + 1].textContent === currentTile.textContent) {
                                        tiles[nextIndex + 1].textContent = Number(tiles[nextIndex + 1].textContent) * 2;
                                        currentTile.textContent = '';
                                    } else if (nextIndex !== currentIndex) {
                                        tiles[nextIndex].textContent = currentTile.textContent;
                                        currentTile.textContent = '';
                                    }
                                }
                            }
                        }
                        break;
                }
            }

// ゲームの開始
            initGame();

// キーダウンイベントの設定
            document.addEventListener('keydown', handleKeyDown);
        });
    </script>
</body>
</html>
```