AI game creator

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

No:40917

←

Prev Next

→

かくれんぼ
Developer User18209｜Date and time 24/2/4 15:46:35
Build time 7.739 sec｜Game capacity 2.155KB｜

Script

了解です。以下にかくれんぼのゲームのHTMLファイルを実装します。

👻

このファイルをブラウザで開くと、画面中央に「👻」が表示されます。それをタップすると「🎉 おめでとう！🎉」と表示されますが、3秒後に再び「👻」に戻り、新しい位置に移動します。これを繰り返すことでかくれんぼのゲームとして遊ぶことができます。スマートフォンで操作することを前提にしています。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にかくれんぼのゲームのHTMLファイルを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>かくれんぼ</title>
    <style>
        #game {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 5rem;
        }
    </style>
</head>
<body>
    <div id="game">👻</div>

function getRandomPosition() {
            const randomX = Math.floor(Math.random() * (screenWidth - 100));
            const randomY = Math.floor(Math.random() * (screenHeight - 100));
            return { x: randomX, y: randomY };
        }

function startGame() {
            let currentPosition = getRandomPosition();
            gameElement.style.left = currentPosition.x + 'px';
            gameElement.style.top = currentPosition.y + 'px';

intervalId = setInterval(() => {
                currentPosition = getRandomPosition();
                gameElement.style.left = currentPosition.x + 'px';
                gameElement.style.top = currentPosition.y + 'px';
            }, 1000);
        }

gameElement.addEventListener('click', () => {
            clearInterval(intervalId);
            gameElement.textContent = '🎉 おめでとう！🎉';
            setTimeout(() => {
                gameElement.textContent = '👻';
                startGame();
            }, 3000);
        });

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