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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Fly through the sky as Uncle Balloon and reach the goal from Japan to the U.S.'s game | AI game creator

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

No:2831

8639

←

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>