もかちゃんとかくれんぼする🐥(はいけいもある)'s game

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

No:16268

116

←

Prev Next

→

もかちゃんとかくれんぼする🐥(はいけいもある)
Developer おまめちゃん｜Date and time 23/9/16 21:30:13
Build time 18.967 sec｜Game capacity 2.014KB｜

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>
        #moka {
            font-size: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="moka">🐥</div>

// ランダムな座標を生成する関数
            function getRandomPosition() {
                const randomX = Math.floor(Math.random() * screenWidth);
                const randomY = Math.floor(Math.random() * screenHeight);
                return { x: randomX, y: randomY };
            }

// もかちゃんをランダムな座標に移動する関数
            function moveMoka() {
                const newPosition = getRandomPosition();
                moka.style.left = newPosition.x + 'px';
                moka.style.top = newPosition.y + 'px';
            }

// 初期位置にもかちゃんを配置する
            moveMoka();

// スマホのタッチイベントでもかちゃんを移動させる
            document.addEventListener('touchend', moveMoka);
        });
    </script>
</body>
</html>
```

このプログラムは、画面のどこかに配置されたもかちゃん（🐥絵文字）がランダムな座標に移動するゲームです。
画面をタッチ（クリック）するともかちゃんが別の場所に現れます。

上記のHTMLファイルを作成し、実行すればゲームとして遊ぶことができます。スマートフォンで表示することを前提としています。