Train Collapse Game! The first one to collapse the shape of the train wins! You can choose the method of collapse by pressing the button!'s game

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

No:3860

521

←

Prev Next

→

Train Collapse Game! The first one to collapse the..ALL
Developer User3589｜Date and time 23/6/26 19:52:24
Build time 21.759 sec｜Game capacity 2.033KB｜

Script

了解しました。以下が電車破綻ゲームの実装例です。

🚂🚃🚃🚃🚃🚃

このゲームでは、二つのボタンがあります。一気に崩壊ボタンを押すと、電車が一瞬で崩壊し、相手プレイヤーが負けとなります。一つずつ崩壊ボタンを押すと、ランダムに選択された1つの部品が崩壊します。相手プレイヤーが電車を崩壊させる前に、プレイヤー自身が崩壊させることができた場合、プレイヤーの勝ちとなります。同様に、相手プレイヤーがプレイヤー自身を先に倒すことができた場合、相手プレイヤーの勝ちとなります。

←

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>
      #train {
        font-size: 96px;
        text-align: center;
        line-height: 1;
        margin-top: 100px;
      }
      #btns {
        display: flex;
        justify-content: center;
        margin-top: 50px;
      }
      button {
        font-size: 32px;
        padding: 10px;
        margin: 10px;
      }
    </style>
  </head>
  <body>
    <div id="train">🚂🚃🚃🚃🚃🚃</div>
    <div id="btns">
      <button onclick="breakTrain()">一気に崩壊</button>
      <button onclick="breakOne()">一つずつ崩壊</button>
    </div>
    <script>
      function breakTrain() {
        document.getElementById("train").innerHTML = "💥💀💥💀💥💀";
        alert("あなたの勝ちです！");
      }
      
      function breakOne() {
        let train = document.getElementById("train").innerHTML.split("");
        const breakIndex = Math.floor(Math.random() * train.length);
        train[breakIndex] = "💥";
        document.getElementById("train").innerHTML = train.join("");
        if (train.includes("💥")) {
          alert("あなたの勝ちです！");
        } else {
          setTimeout(() => {
            breakOne();
          }, 1000);
        }
      }
    </script>
  </body>
</html>