A race between a hare and a tortoise! The player, as the tortoise, tries to beat the hare! The hare is going to the goal at high speed.'s game

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

No:3877

692

←

Prev Next

→

A race between a hare and a tortoise! The player, ..ALL
Developer User3589｜Date and time 23/6/26 21:01:04
Build time 29.465 sec｜Game capacity 1.946KB｜

Script

プレイヤーは亀として、タップやスワイプで亀を動かし、うさぎに追いつくことを目指します。うさぎと亀が競走を始めると同時にスタートし、亀がうさぎに追いついた瞬間にプレイヤーの勝利となります。実装にはHTMLとJavaScriptを使用します。以下が簡単な実装例です。

🐰

🐢

この実装例では、うさぎと亀を絵文字で表し、JavaScriptで動かしています。画面上に表示されるうさぎと亀がそれぞれ進み、プレイヤーがうさぎに追いつくと勝利となります。具体的な操作方法は、スマートフォンの画面をタップまたはスワイプすることで亀を動かすことができます。また、スピードや距離などのパラメータを変更することで、難易度の調整が可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

プレイヤーは亀として、タップやスワイプで亀を動かし、うさぎに追いつくことを目指します。うさぎと亀が競走を始めると同時にスタートし、亀がうさぎに追いついた瞬間にプレイヤーの勝利となります。

実装にはHTMLとJavaScriptを使用します。以下が簡単な実装例です。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>うさぎと亀の徒競走</title>
    <style>
      #usagi {
        position: absolute;
        top: 50px;
        left: 0;
        font-size: 80px;
      }
      #kame {
        position: absolute;
        top: 150px;
        left: 0;
        font-size: 80px;
      }
    </style>
  </head>
  <body>
    <div id="usagi">🐰</div>
    <div id="kame">🐢</div>
    <script>
      var usagi = document.getElementById('usagi');
      var kame = document.getElementById('kame');
      var distance = 0;
      var speed = 5;
      
      setInterval(function() {
        // うさぎは高速で進む
        distance += 10 * speed;
        usagi.style.left = distance + 'px';
        
        // 亀はゆっくり進む
        kame.style.left = (distance / 2) + 'px';
        
        // プレイヤーがうさぎに追いついたら勝利
        if ((distance / 2) >= (usagi.offsetWidth)) {
          alert('プレイヤーの勝利！');
        }
      }, 100);
    </script>
  </body>
</html>

この実装例では、うさぎと亀を絵文字で表し、JavaScriptで動かしています。画面上に表示されるうさぎと亀がそれぞれ進み、プレイヤーがうさぎに追いつくと勝利となります。

具体的な操作方法は、スマートフォンの画面をタップまたはスワイプすることで亀を動かすことができます。また、スピードや距離などのパラメータを変更することで、難易度の調整が可能です。