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

No:26438

←

Prev Next

→

３人で鬼ごっこ
Developer User13119｜Date and time 23/11/30 20:31:23
Build time 37.304 sec｜Game capacity 1.683KB｜

Script

了解です。以下が要件を満たす鬼ごっこのプログラムです。

鬼ごっこ

タップしてゲームを開始します

このプログラムでは、画面をタップすると鬼ごっこのゲームが開始されます。開始後は1秒ごとにプレイヤーの位置がランダムに変化します。プレイヤーは👻の絵文字で表示されています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。以下が要件を満たす鬼ごっこのプログラムです。

```html
<!DOCTYPE html>
<html>

<body>
    <h1>鬼ごっこ</h1>
    <p id="message">タップしてゲームを開始します</p>
    <div id="player" style="font-size: 60px;"></div>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const message = document.getElementById("message");
            const player = document.getElementById("player");

let isGameStarted = false;

document.addEventListener("click", function () {
                if (!isGameStarted) {
                    isGameStarted = true;
                    message.textContent = "逃げ切れ！🏃";
                    player.textContent = "👻";

setInterval(function () {
                        const screenWidth = window.innerWidth;
                        const screenHeight = window.innerHeight;

const randomPosX = Math.floor(Math.random() * screenWidth);
                        const randomPosY = Math.floor(Math.random() * screenHeight);

player.style.top = randomPosY + "px";
                        player.style.left = randomPosX + "px";
                    }, 1000);
                }
            });
        });
    </script>
</body>

</html>
```