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

No:8018

1625

←

Prev Next

→

game caravan
Developer User3840｜Date and time 23/7/12 0:03:24
Build time 11.86 sec｜Game capacity 1.629KB｜

Script

了解です。キャラバンというゲームを作成します。以下が実装例です。

キャラバン

タップしてキャラバンを進めよう！

🐪

このプログラムでは、キャラバンが進む距離をタップすることで進めるゲームとなっています。キャラバンの距離は🐪の絵文字で表現され、タップするたびに距離が増えます。 ※このプログラムは1枚のHTMLファイルとして実装しており、JavaScriptはscriptタグで囲まれています。また、ゲームとして遊ぶことができ、実行開始されていることも確認してください。なお、このプログラムはスマートフォン操作を前提としていますので、スマートフォンで表示してタップすることでキャラバンが進んでいくようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です。キャラバンというゲームを作成します。

以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>キャラバン</title>
    <style>
        body {
            text-align: center;
        }
        #caravan {
            font-size: 10rem;
        }
    </style>
</head>
<body>
    <h1>キャラバン</h1>
    <p>タップしてキャラバンを進めよう！</p>
    <p id="caravan">🐪</p>
    <script>
        let distance = 0;
        
        function updateDistance() {
            document.getElementById("caravan").innerHTML = "🐪".repeat(distance);
        }
        
        function increaseDistance() {
            distance++;
            updateDistance();
        }
        
        function startGame() {
            document.body.addEventListener("click", increaseDistance);
        }
        
        startGame();
    </script>
</body>
</html>
```

このプログラムでは、キャラバンが進む距離をタップすることで進めるゲームとなっています。キャラバンの距離は🐪の絵文字で表現され、タップするたびに距離が増えます。

※このプログラムは1枚のHTMLファイルとして実装しており、JavaScriptはscriptタグで囲まれています。また、ゲームとして遊ぶことができ、実行開始されていることも確認してください。

なお、このプログラムはスマートフォン操作を前提としていますので、スマートフォンで表示してタップすることでキャラバンが進んでいくようになっています。