Fly through the sky as Uncle Balloon and reach the goal from Japan to the U.S.'s game

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

No:2831

8193

←

Prev Next

→

Fly through the sky as Uncle Balloon and reach the..ALL
Developer User3623｜Date and time 23/6/22 20:57:06
Build time 23.933 sec｜Game capacity 2.057KB｜

Script

ゲームアプリ

🎈

風船おじさんと一緒にアメリカに向かって飛び立とう！

スマホを傾けて風船の向きを調整しよう！

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

ゲームアプリ

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>風船おじさんの大冒険！</title>
    <style>
      body {
        background-color: skyblue;
        text-align: center;
      }
      #balloon {
        font-size: 60px;
        margin-top: 200px;
      }
      #button {
        margin-top: 50px;
        font-size: 30px;
        padding: 10px 20px;
        background-color: yellow;
        border-radius: 10px;
        border: none;
      }
    </style>
  </head>
  <body>
    <div id="balloon">🎈</div>
    <div>風船おじさんと一緒にアメリカに向かって飛び立とう！</div>
    <div>スマホを傾けて風船の向きを調整しよう！</div>
    <button id="button" onclick="start()">スタート！</button>
    <script>
      let balloon = document.getElementById("balloon");
      let degree = 0; // 風船の角度
      let distance = 0; // 飛行距離
      let timer; // タイマー

function start() {
        balloon.style.animation = "none"; // アニメーションを停止
        balloon.style.transform = "rotate(" + degree + "deg)"; // 角度を初期化
        distance = 0; // 距離を初期化
        timer = setInterval(fly, 10); // 飛行開始
        document.getElementById("button").disabled = true; // ボタンを非活性化
      }

function fly() {
        degree += (Math.random() - 0.5) * 10; // 風に揺れる
        balloon.style.transform = "rotate(" + degree + "deg)";
        distance += Math.random() * 10; // 進む距離
        if (distance >= 1000) { // ゴールまでの距離
          clearInterval(timer); // タイマーを停止
          balloon.style.animation = "balloon 1s ease-in-out alternate infinite"; // アニメーション再開
          document.getElementById("button").disabled = false; // ボタンを活性化
          alert("おめでとう！風船おじさんはアメリカに到着しました！✈️🌎🎉"); // ゴールを通知
        }
      }
    </script>
  </body>
</html>