Treasure chest dungeon limited release's game

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

No:7710

4191

←

Prev Next

→

Treasure chest dungeon limited release
Developer anonymous｜Date and time 70/1/1 9:49:31
Build time unknown sec｜Game capacity 2.971KB｜

Script

了解しました。以下に宝箱ダンジョンというゲームを実装します。

この宝箱ダンジョンでは、5x5の盤面上でプレイヤーが宝箱を見つけるゲームです。プレイヤーは絵文字の「😄」で表され、宝箱は絵文字の「🎁」で表されます。プレイヤーはクリックしたマスに応じて宝箱までの距離が表示され、宝箱を見つけるとメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下に宝箱ダンジョンというゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>宝箱ダンジョン</title>
</head>
<body>
    <div id="gameboard"></div>
    <script>
        // ゲームの状態を表す変数
        var gameState = {
            player: {
                x: 0,
                y: 0,
            },
            treasure: {
                x: Math.floor(Math.random() * 5),
                y: Math.floor(Math.random() * 5),
            },
            hasWon: false,
        };

// ゲームの初期化
        function initializeGame() {
            var gameboard = document.getElementById("gameboard");

// プレイヤーと宝箱の位置を更新
            gameboard.innerHTML = "";
            for (var y = 0; y < 5; y++) {
                for (var x = 0; x < 5; x++) {
                    var cell = document.createElement("div");
                    cell.style.display = "inline-block";
                    cell.style.width = "30px";
                    cell.style.height = "30px";
                    cell.style.border = "1px solid black";

if (x === gameState.player.x && y === gameState.player.y) {
                        cell.innerHTML = "😄";
                    } else if (x === gameState.treasure.x && y === gameState.treasure.y) {
                        cell.innerHTML = "🎁";
                    }

gameboard.appendChild(cell);
                }
                gameboard.appendChild(document.createElement("br"));
            }
        }

// ゲームのメインループ
        function gameLoop() {
            initializeGame();

// ボタンクリック時の処理
            gameboard.addEventListener("click", function (event) {
                if (gameState.hasWon) {
                    return;
                }

var clickX = Math.floor(event.offsetX / 30);
                var clickY = Math.floor(event.offsetY / 30);

if (clickX === gameState.treasure.x && clickY === gameState.treasure.y) {
                    alert("宝箱を発見しました！おめでとうございます！");
                    gameState.hasWon = true;
                } else {
                    var distance = Math.abs(clickX - gameState.treasure.x) + Math.abs(clickY - gameState.treasure.y);
                    alert("宝箱は" + distance + "マスの距離にあります！");
                }
            });
        }

gameLoop();
    </script>
</body>
</html>
```