ゼルダの伝説ポケモンモンハン原神のパクリ's game

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

No:38154

←

Prev Next

→

ゼルダの伝説ポケモンモンハン原神のパクリ
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 24/1/22 23:52:28
Build time 12.907 sec｜Game capacity 2.52KB｜

Script

了解しました。以下に、スマートフォンで遊べるゼルダの伝説風のゲームを実装してみます。

このコードでは、プレイヤーとモンスターが表示され、プレイヤーの移動に応じて表示が変化します。プレイヤーがモンスターに接触するとゲームオーバーとなり、終了メッセージが表示されます。お手持ちのスマートフォンのブラウザでこのHTMLファイルを開いて遊んでみてください。

←

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>ゼルダの伝説風ゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        
        #game-container {
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

function movePlayer(direction) {
            if (gameOver) return;

switch (direction) {
                case "up":
                    player = "🧙‍♂️";
                    break;
                case "down":
                    player = "🧙‍♂️";
                    break;
                case "left":
                    player = "🧙‍♂️";
                    break;
                case "right":
                    player = "🧙‍♂️";
                    break;
            }

render();
            checkGameOver();
        }

function render() {
            gameContainer.innerHTML = `
                <div>プレイヤー: ${player}</div>
                <div>モンスター: ${monster}</div>
            `;
        }

function checkGameOver() {
            if (player === monster) {
                gameOver = true;
                gameContainer.innerHTML = `<div>ゲームオーバー！</div>`;
            }
        }

document.addEventListener("keydown", (event) => {
            if (event.key === "ArrowUp") movePlayer("up");
            if (event.key === "ArrowDown") movePlayer("down");
            if (event.key === "ArrowLeft") movePlayer("left");
            if (event.key === "ArrowRight") movePlayer("right");
        });

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

このコードでは、プレイヤーとモンスターが表示され、プレイヤーの移動に応じて表示が変化します。プレイヤーがモンスターに接触するとゲームオーバーとなり、終了メッセージが表示されます。

お手持ちのスマートフォンのブラウザでこのHTMLファイルを開いて遊んでみてください。