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

No:9140

205

←

Prev Next

→

The rabbit that turns and turns and turns, the wol..ALL
Developer User4271｜Date and time 23/7/21 17:29:39
Build time 23.811 sec｜Game capacity 2.007KB｜

Script

了解しました。以下に、スマホで遊べるゲーム「回る回る兎追う追う狼」のHTMLファイルを示します。

回る回る兎追う追う狼

クリックして兎を動かす

このプログラムは、クリックした位置に応じて赤い丸が動くゲームです。画面の左上を(0,0)として、クリックした位置が画面の中心に近いほど、赤い丸はその方向に動きます。画面の中心から遠い方向に移動すると、逆方向に速度を上げて移動します。「回る回る兎追う追う狼」のゲームとしての要素は少ないですが、スマホで操作できるシンプルなゲームとして遊ぶことができます。

←

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;
            margin-top: 100px;
            font-size: 24px;
        }
        
        #circle {
            display: inline-block;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: red;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>回る回る兎 追う追う狼</h1>
    <p>クリックして兎を動かす</p>
    <div id="circle"></div>

document.addEventListener("click", function(event) {
            var posX = event.clientX;
            var posY = event.clientY;

if (posX < screenWidth / 2) {
                circle.style.left = posX + "px";
            } else {
                circle.style.right = (screenWidth - posX) + "px";
            }

if (posY < screenHeight / 2) {
                circle.style.top = posY + "px";
            } else {
                circle.style.bottom = (screenHeight - posY) + "px";
            }
        });
    </script>
</body>
</html>
```

このプログラムは、クリックした位置に応じて赤い丸が動くゲームです。画面の左上を(0,0)として、クリックした位置が画面の中心に近いほど、赤い丸はその方向に動きます。画面の中心から遠い方向に移動すると、逆方向に速度を上げて移動します。

「回る回る兎 追う追う狼」のゲームとしての要素は少ないですが、スマホで操作できるシンプルなゲームとして遊ぶことができます。

回る回る兎 追う追う狼

回る回る兎追う追う狼