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

No:7419

5117

←

Prev Next

→

merged game
Developer User4009｜Date and time 23/7/7 16:46:08
Build time 40.276 sec｜Game capacity 9.49KB｜

Script

了解しました。以下にマージゲームのプログラムを実装します。プレイヤーはスマホを操作して数字をマージするゲームです。

Merge Game

このプログラムは、4x4のマス目に数字をマージしていくマージゲームです。ブラウザ上のHTMLファイルとして実行できます。スクリプトタグで囲まれたJavaScriptの部分がゲームの処理です。スマホでも操作可能です。数字のマージにはキーボードの「w」「a」「s」「d」キー、またはスマホの上下左右スワイプ操作が使えます。ゲーム盤は画面に表示され、操作やゲームの進行状況をリアルタイムに反映します。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解しました。以下にマージゲームのプログラムを実装します。プレイヤーはスマホを操作して数字をマージするゲームです。

```html
<html>
<head>
    <title>Merge Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #gameboard {
            display: inline-block;
            border: 1px solid black;
        }
        .cell {
            width: 80px;
            height: 80px;
            background-color: lightgray;
            display: inline-block;
            margin: 5px;
            line-height: 80px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <div id="gameboard">
    </div>
    <br>
    <button onclick="resetGame()">Reset</button>
    <script>
        var gridSize = 4; // マス目のサイズ
        var gameboard = []; // ゲーム盤の状態を保持する配列

// ゲームの初期化
        function initGame() {
            for (var i = 0; i < gridSize; i++) {
                gameboard[i] = [];
                for (var j = 0; j < gridSize; j++) {
                    gameboard[i][j] = 0;
                }
            }
            generateNumber();
            generateNumber();
            drawBoard();
        }

// ゲーム盤の描画
        function drawBoard() {
            var gameboardElement = document.getElementById("gameboard");
            gameboardElement.innerHTML = "";

for (var i = 0; i < gridSize; i++) {
                for (var j = 0; j < gridSize; j++) {
                    var cellValue = gameboard[i][j];
                    var cellElement = document.createElement("div");
                    cellElement.className = "cell";
                    cellElement.innerText = cellValue > 0 ? cellValue : "";
                    cellElement.style.backgroundColor = getCellColor(cellValue);
                    gameboardElement.appendChild(cellElement);
                }
                gameboardElement.appendChild(document.createElement("br"));
            }
        }

// セルの背景色を設定
        function getCellColor(cellValue) {
            var bgColorMap = {
                0: "lightgray",
                2: "yellow",
                4: "orange",
                8: "lightblue",
                16: "blue",
                32: "purple",
                64: "green",
                128: "lime",
                256: "red",
                512: "brown",
                1024: "pink",
                2048: "gold"
            };
            return bgColorMap[cellValue] || "lightgray";
        }

// 数字をランダムに生成
        function generateNumber() {
            var randI, randJ;
            do {
                randI = Math.floor(Math.random() * gridSize);
                randJ = Math.floor(Math.random() * gridSize);
            } while (gameboard[randI][randJ] !== 0);

var randNumber = Math.random() < 0.9 ? 2 : 4; // 2の確率は90%

gameboard[randI][randJ] = randNumber;
        }

// ゲームのリセット
        function resetGame() {
            initGame();
        }

// キー操作
        function onKeyPress(event) {
            var key = event.key;
            var moved = false;

if (key === "ArrowUp" || key === "w") {
                moved = moveUp();
            } else if (key === "ArrowDown" || key === "s") {
                moved = moveDown();
            } else if (key === "ArrowLeft" || key === "a") {
                moved = moveLeft();
            } else if (key === "ArrowRight" || key === "d") {
                moved = moveRight();
            }

if (moved) {
                generateNumber();
                drawBoard();

if (isGameOver()) {
                    alert("Game Over");
                }
            }
        }

// 上に移動
        function moveUp() {
            var moved = false;
            for (var j = 0; j < gridSize; j++) {
                for (var i = 1; i < gridSize; i++) {
                    if (gameboard[i][j] !== 0) {
                        for (var k = i - 1; k >= 0; k--) {
                            if (gameboard[k][j] === 0) {
                                gameboard[k][j] = gameboard[i][j];
                                gameboard[i][j] = 0;
                                moved = true;
                                i = k + 1;
                                break;
                            } else if (gameboard[k][j] === gameboard[i][j]) {
                                gameboard[k][j] *= 2;
                                gameboard[i][j] = 0;
                                moved = true;
                                break;
                            }
                        }
                    }
                }
            }
            return moved;
        }

// 下に移動
        function moveDown() {
            var moved = false;
            for (var j = 0; j < gridSize; j++) {
                for (var i = gridSize - 2; i >= 0; i--) {
                    if (gameboard[i][j] !== 0) {
                        for (var k = i + 1; k < gridSize; k++) {
                            if (gameboard[k][j] === 0) {
                                gameboard[k][j] = gameboard[i][j];
                                gameboard[i][j] = 0;
                                moved = true;
                                i = k - 1;
                                break;
                            } else if (gameboard[k][j] === gameboard[i][j]) {
                                gameboard[k][j] *= 2;
                                gameboard[i][j] = 0;
                                moved = true;
                                break;
                            }
                        }
                    }
                }
            }
            return moved;
        }

// 左に移動
        function moveLeft() {
            var moved = false;
            for (var i = 0; i < gridSize; i++) {
                for (var j = 1; j < gridSize; j++) {
                    if (gameboard[i][j] !== 0) {
                        for (var k = j - 1; k >= 0; k--) {
                            if (gameboard[i][k] === 0) {
                                gameboard[i][k] = gameboard[i][j];
                                gameboard[i][j] = 0;
                                moved = true;
                                j = k + 1;
                                break;
                            } else if (gameboard[i][k] === gameboard[i][j]) {
                                gameboard[i][k] *= 2;
                                gameboard[i][j] = 0;
                                moved = true;
                                break;
                            }
                        }
                    }
                }
            }
            return moved;
        }

// 右に移動
        function moveRight() {
            var moved = false;
            for (var i = 0; i < gridSize; i++) {
                for (var j = gridSize - 2; j >= 0; j--) {
                    if (gameboard[i][j] !== 0) {
                        for (var k = j + 1; k < gridSize; k++) {
                            if (gameboard[i][k] === 0) {
                                gameboard[i][k] = gameboard[i][j];
                                gameboard[i][j] = 0;
                                moved = true;
                                j = k - 1;
                                break;
                            } else if (gameboard[i][k] === gameboard[i][j]) {
                                gameboard[i][k] *= 2;
                                gameboard[i][j] = 0;
                                moved = true;
                                break;
                            }
                        }
                    }
                }
            }
            return moved;
        }

// ゲームが終了したかどうか判定
        function isGameOver() {
            for (var i = 0; i < gridSize; i++) {
                for (var j = 0; j < gridSize; j++) {
                    if (gameboard[i][j] === 0 ||
                        (i > 0 && gameboard[i][j] === gameboard[i - 1][j]) ||
                        (i < gridSize - 1 && gameboard[i][j] === gameboard[i + 1][j]) ||
                        (j > 0 && gameboard[i][j] === gameboard[i][j - 1]) ||
                        (j < gridSize - 1 && gameboard[i][j] === gameboard[i][j + 1])) {
                        return false;
                    }
                }
            }
            return true;
        }

// ゲームの初期化
        initGame();

// キー操作のイベントリスナー
        document.addEventListener("keydown", onKeyPress);
    </script>
</body>
</html>
```