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

No:23778

←

Prev Next

→

イケメンが追いかけてくる
Developer User11141｜Date and time 23/11/3 13:08:56
Build time 86.997 sec｜Game capacity 2.455KB｜

Script

了解しました。以下にイケメンが追いかけてくるゲームの実装例を記述します。

イケメン追いかけゲーム

👦

🚶

この実装例では、キャラクターとターゲットを絵文字で表示しています。キーボードの左右キーでキャラクターを移動させ、ターゲットに追いつくとゲームクリアとなります。ゲームの実行は開始時に自動的に始まります。

←

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>
    <h1>イケメン追いかけゲーム</h1>
    <p id="character">👦</p>
    <p id="target">🚶</p>

// キャラクターとターゲットを表示する関数
        function displayCharacters() {
            document.getElementById("character").style.marginLeft = characterPos + "em";
            document.getElementById("target").style.marginLeft = targetPos + "em";
        }

// ゲームのメイン処理
        function gameLoop() {
            // キーボードの左右キー入力を検知してキャラクターを移動
            window.addEventListener("keydown", function(event) {
                if (event.key === "ArrowLeft") {
                    characterPos -= 1;
                    displayCharacters();
                }
                else if (event.key === "ArrowRight") {
                    characterPos += 1;
                    displayCharacters();
                }
            });

// ターゲットがキャラクターに追いついたらゲームクリア
            if (targetPos <= characterPos) {
                alert("ゲームクリア！イケメンを捕まえました！");
                window.removeEventListener("keydown", gameLoop);
            }
            // ターゲットを常にキャラクターに追いかけさせる
            else {
                targetPos -= 0.1;
                displayCharacters();
                setTimeout(gameLoop, 10);
            }
        }

// ゲームの初期化処理
        function initializeGame() {
            displayCharacters();
            gameLoop();
        }

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