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

No:9689

123

←

Prev Next

→

kitten story
Developer User4369｜Date and time 23/7/26 20:51:28
Build time 17.297 sec｜Game capacity 1.907KB｜

Script

了解しました。以下に、子猫物語というゲームのHTMLファイルの実装例を示します。

子猫物語

子猫があなたの指を追いかけます！

指を動かして子猫を楽しませてあげましょう。

クリックして開始します。

🐱

このプログラムでは、スマートフォンの画面上で子猫の絵文字（🐱）が表示されます。タップするとゲームが開始され、子猫が指の動きに追従します。画面外にはみ出さないように気を付けながら、指を動かし子猫を楽しませてあげてください。子猫をクリックするとゲームが終了します。このような形式のHTMLファイルを作成することで、スマートフォン上で遊べるゲームを実装することができます。

←

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: 24px;
            padding-top: 100px;
        }

#cat {
            font-size: 64px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>子猫物語</h1>
    <p>子猫があなたの指を追いかけます！</p>
    <p>指を動かして子猫を楽しませてあげましょう。</p>
    <p>クリックして開始します。</p>
    <p id="cat">🐱</p>

function moveCat(event) {
            cat.style.left = event.clientX - 32 + "px";
            cat.style.top = event.clientY - 32 + "px";
        }

function startGame() {
            document.addEventListener("mousemove", moveCat);
            cat.addEventListener("click", endGame);
        }

function endGame() {
            document.removeEventListener("mousemove", moveCat);
            cat.removeEventListener("click", endGame);
            alert("子猫は楽しかったです！");
        }

cat.addEventListener("click", startGame);
    </script>
</body>
</html>
```

このプログラムでは、スマートフォンの画面上で子猫の絵文字（🐱）が表示されます。タップするとゲームが開始され、子猫が指の動きに追従します。画面外にはみ出さないように気を付けながら、指を動かし子猫を楽しませてあげてください。子猫をクリックするとゲームが終了します。

このような形式のHTMLファイルを作成することで、スマートフォン上で遊べるゲームを実装することができます。