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

No:23877

ウサギとカメプレイヤーはカメ敵キャラはウサギのレースゲーム・カメは連打で前進・100タ..ALL
Developer バファリンヌ｜Date and time 23/11/4 2:37:42
Build time 60.934 sec｜Game capacity 2.454KB｜

Script

了解いたしました。以下が要件に基づいたJavaScriptの実装例です。

ウサギとカメ

プレイヤーはカメです。カメがウサギより先にゴールすると勝利です。

カメは連打で前進し、ウサギは一定時間ごとに前進します。

100タップでカメのゴール、ウサギは15秒後にゴールします。

🐢

🐇

このコードを1枚のhtmlファイルとして保存し、ブラウザで開くことでゲームをプレイすることができます。ボタンを連打するとカメが前進し、ウサギは自動的に進んでいきます。カメが先にゴールするとカメの勝利、ウサギが先にゴールするとカメの敗北となります。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解いたしました。以下が要件に基づいたJavaScriptの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ウサギとカメ</title>
  <style>
    #rabbit {
      font-size: 50px;
    }
    #turtle {
      font-size: 50px;
    }
  </style>
</head>
<body>
  <h1>ウサギとカメ</h1>
  <p>プレイヤーはカメです。カメがウサギより先にゴールすると勝利です。</p>
  <p>カメは連打で前進し、ウサギは一定時間ごとに前進します。</p>
  <p>100タップでカメのゴール、ウサギは15秒後にゴールします。</p>

<button onclick="turtleMove()">カメが進む</button>
  <p id="turtle">🐢</p>
  <p id="rabbit">🐇</p>

function turtleMove() {
      if (turtleGoal || rabbitGoal) {
        return;
      }

turtlePosition += 1;
      document.getElementById("turtle").style.marginLeft = turtlePosition * 10 + "px";

if (turtlePosition >= 100) {
        turtleGoal = true;
        alert("カメがゴールしました！カメの勝利です！");
      }
    }

// ウサギの自動移動
    setInterval(rabbitMove, 5000 + Math.floor(Math.random() * 5000));

function rabbitMove() {
      if (turtleGoal || rabbitGoal) {
        return;
      }

rabbitPosition += 50;
      document.getElementById("rabbit").style.marginLeft = rabbitPosition * 10 + "px";

if (rabbitPosition >= 50) {
        setTimeout(rabbitRest, 5000);
      }
    }

function rabbitRest() {
      if (turtleGoal || rabbitGoal) {
        return;
      }

rabbitPosition += 1;
      document.getElementById("rabbit").style.marginLeft = rabbitPosition * 10 + "px";

if (rabbitPosition >= 100) {
        rabbitGoal = true;
        alert("ウサギがゴールしました！カメの敗北です！");
      }
    }
  </script>
</body>
</html>
```