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

No:6461

116

←

Prev Next

→

Zashiki Boy
Developer User3882｜Date and time 23/7/2 14:03:01
Build time 20.134 sec｜Game capacity 1.92KB｜

Script

了解しました。座敷童子というゲームを作ります。以下は、HTMLファイルに実装されたゲームのプログラム例です。

座敷童子ゲーム

タップして座敷童子を捕まえてください！

Score: 0

👻

このゲームでは、画面上にランダムに配置された座敷童子をタップして捕まえるとスコアが増えます。スコアは「Score:」の後に表示されます。座敷童子は捕まえるたびに別の位置に移動します。スマートフォンで表示し、座敷童子の絵文字をタップして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解しました。座敷童子というゲームを作ります。

以下は、HTMLファイルに実装されたゲームのプログラム例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>座敷童子ゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <h1>座敷童子ゲーム</h1>
    <p>タップして座敷童子を捕まえてください！</p>
    <p id="score">Score: 0</p>
    <div id="zashiki-dokoro">👻</div>

// ランダムな位置に座敷童子を移動する関数
        function moveZashikiDokoro() {
            var zashikiDokoro = document.getElementById('zashiki-dokoro');
            var x = Math.floor(Math.random() * (window.innerWidth - zashikiDokoro.offsetWidth));
            var y = Math.floor(Math.random() * (window.innerHeight - zashikiDokoro.offsetHeight));
            zashikiDokoro.style.left = x + 'px';
            zashikiDokoro.style.top = y + 'px';
        }

// 座敷童子をクリックした時の処理
        document.getElementById('zashiki-dokoro').addEventListener('click', function() {
            score++;
            document.getElementById('score').textContent = 'Score: ' + score;

// 座敷童子を再配置
            moveZashikiDokoro();
        });

// ゲーム開始時に最初の座敷童子を配置
        moveZashikiDokoro();
    </script>
</body>
</html>
```

このゲームでは、画面上にランダムに配置された座敷童子をタップして捕まえるとスコアが増えます。スコアは「Score:」の後に表示されます。座敷童子は捕まえるたびに別の位置に移動します。

スマートフォンで表示し、座敷童子の絵文字をタップして遊ぶことができます。