A game where this guy has to rap for his life's game

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

No:604

177

←

Prev Next

→

A game where this guy has to rap for his life
Developer User3050｜Date and time 23/6/16 10:33:04
Build time 10.583 sec｜Game capacity 1.107KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

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

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

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>了解です。以下にネズミクラゲの冒険ゲームの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>
```