Adventures of Mouse Jellyfish! Escape from the narrow maze using only the directional keys! If a fish finds you, you will be eaten and the game is over! A game in which you aim to escape.'s game

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

No:7459

7199

←

Prev Next

→

Adventures of Mouse Jellyfish! Escape from the nar..ALL
Developer anonymous｜Date and time 70/1/1 10:05:46
Build time unknown sec｜Game capacity 3.946KB｜

Script

了解です。以下にネズミクラゲの冒険ゲームのHTMLファイルを記述します。

このHTMLファイルを実行すると、指定された条件でネズミクラゲの冒険ゲームがプレイできます。プレイヤーは絵文字のネズミで、魚（絵文字のクラゲ）に追いつかれるとゲームオーバーとなります。方向キーを使用してプレイヤーを移動させ、迷路の外に脱出することを目指してください。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にネズミクラゲの冒険ゲームのHTMLファイルを記述します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>ネズミクラゲの冒険</title>
    <style>
        #player {
            font-size: 50px;
        }
        #fish {
            font-size: 50px;
        }
        #maze {
            display: grid;
            grid-template-columns: repeat(10, minmax(50px, 1fr));
            grid-template-rows: repeat(10, minmax(50px, 1fr));
        }
        .cell {
            width: 50px;
            height: 50px;
            border: 1px solid black;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
    <div id="maze">
        
    </div>

const player = "🐭"; // プレイヤーの絵文字
        const fish = "🐠"; // 魚の絵文字

let playerPosition; // プレイヤーの現在位置
        let fishPosition; // 魚の位置

const maze = document.getElementById("maze");

// マス目を生成
        for(let i = 0; i < mazeSize * mazeSize; i++) {
            const cell = document.createElement("div");
            cell.className = "cell";
            maze.appendChild(cell);
        }

const cells = Array.from(document.getElementsByClassName("cell"));

// プレイヤーを初期位置に表示
        playerPosition = Math.floor(Math.random() * (mazeSize * mazeSize));
        cells[playerPosition].textContent = player;

// 魚をランダムな位置に表示
        while(true) {
            fishPosition = Math.floor(Math.random() * (mazeSize * mazeSize));
            if(fishPosition !== playerPosition) {
                cells[fishPosition].textContent = fish;
                break;
            }
        }

// キーボードの入力イベントを受け取る
        document.addEventListener("keydown", function(event) {
            // 矢印キーが押された場合
            if(event.keyCode >= 37 && event.keyCode <= 40) {
                movePlayer(event.keyCode);
                checkGameOver();
            }
        });

// プレイヤーの移動
        function movePlayer(keyCode) {
            cells[playerPosition].textContent = ""; // 現在位置を空にする

// 上キーが押された場合
            if(keyCode === 38 && playerPosition > mazeSize - 1) {
                playerPosition -= mazeSize;
            }
            // 下キーが押された場合
            else if(keyCode === 40 && playerPosition < (mazeSize * mazeSize) - mazeSize) {
                playerPosition += mazeSize;
            }
            // 左キーが押された場合
            else if(keyCode === 37 && playerPosition % mazeSize !== 0) {
                playerPosition -= 1;
            }
            // 右キーが押された場合
            else if(keyCode === 39 && (playerPosition + 1) % mazeSize !== 0) {
                playerPosition += 1;
            }

cells[playerPosition].textContent = player; // 新しい位置にプレイヤーを表示
        }

// ゲームオーバーかどうかを判定
        function checkGameOver() {
            if(playerPosition === fishPosition) {
                alert("ゲームオーバー！");
            }
        }
    </script>
</body>
</html>
```