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

No:2448

放置系スクールタップバトル続編イベントどうぶつスクールシミュレーターのアップデートをリアル放置し..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/21 12:45:11
Build time 52.795 sec｜Game capacity 5.06KB｜

Script

＜ゲーム概要＞放置系スクールタップバトル続編で、プレイヤーは動物たちを集めて、ひさしとの戦いに挑む。画面上には敵のひさしが表示され、タップすることで攻撃する。また、集めた動物たちは自動で攻撃してくれる。戦いを続けることで報酬を得られ、新しい動物を集めたり、ステータスを強化したりできる。放置していると、自動で攻撃してくれる力強い動物も登場する。＜HTMLファイル＞

放置系スクールタップバトル続編

🐱

🐶

🐘

🦒

🦁

👹

←

Prev　Next

→ 　

Back　

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

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

＜ゲーム概要＞
放置系スクールタップバトル続編で、プレイヤーは動物たちを集めて、ひさしとの戦いに挑む。画面上には敵のひさしが表示され、タップすることで攻撃する。また、集めた動物たちは自動で攻撃してくれる。戦いを続けることで報酬を得られ、新しい動物を集めたり、ステータスを強化したりできる。放置していると、自動で攻撃してくれる力強い動物も登場する。

＜HTMLファイル＞
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>放置系スクールタップバトル続編！</title>
    <style>
      /* スタイルの設定 */
      body {
        font-size: 20px;
        text-align: center;
        font-family: Arial, sans-serif;
        background-color: #FFF59D;
      }

#animalList {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;
        background-color: #FFCC80;
        border-radius: 10px;
        margin-bottom: 20px;
      }

.animal {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #F48FB1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        margin: 10px;
      }

#hisashi {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background-color: #EF9A9A;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 50px;
        cursor: pointer;
      }

#reward {
        color: #8868B7;
        font-size: 25px;
        margin: 20px 0;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <h1>放置系スクールタップバトル続編</h1>
    <div id="animalList">
      <div class="animal" id="cat">🐱</div>
      <div class="animal" id="dog">🐶</div>
      <div class="animal" id="elephant">🐘</div>
      <div class="animal" id="giraffe">🦒</div>
      <div class="animal" id="lion">🦁</div>
    </div>
    <div id="hisashi">👹</div>
    <div id="reward"></div>
    <script>
      // JavaScriptの処理
      let hisashi = document.getElementById("hisashi");
      let reward = document.getElementById("reward");
      let animalList = document.getElementById("animalList");
      let animals = {
        cat: {
          name: "猫",
          attack: 5,
          cost: 10,
          level: 1
        },
        dog: {
          name: "犬",
          attack: 10,
          cost: 20,
          level: 1
        },
        elephant: {
          name: "象",
          attack: 20,
          cost: 50,
          level: 1
        },
        giraffe: {
          name: "キリン",
          attack: 50,
          cost: 100,
          level: 1
        },
        lion: {
          name: "ライオン",
          attack: 100,
          cost: 200,
          level: 1
        }
      };
      let animalAttackInterval;

// 動物たちの攻撃
      function animalAttack() {
        let totalAttack = 0;
        for (let animal in animals) {
          totalAttack += animals[animal].attack * animals[animal].level;
        }
        hisashi.innerText -= totalAttack;
        if (hisashi.innerText <= 0) {
          hisashi.innerText = "😇";
          reward.innerText = "討伐に成功しました！報酬として1000コインを手に入れました！";
        }
      }

// ひさしへの攻撃
      function attack() {
        let totalAttack = 0;
        for (let animal in animals) {
          totalAttack += animals[animal].attack * animals[animal].level;
        }
        hisashi.innerText -= totalAttack;
        if (hisashi.innerText <= 0) {
          hisashi.innerText = "😇";
          reward.innerText = "討伐に成功しました！報酬として1000コインを手に入れました！";
        }
      }

// 動物を追加する
      function addAnimal(animal) {
        if (parseInt(document.getElementById("coin").innerText) < animals[animal].cost) {
          return;
        }
        document.getElementById("coin").innerText -= animals[animal].cost;
        animals[animal].level++;
        let text = animals[animal].name + "が" + animals[animal].level + "になった！";
        reward.innerText = text;
      }

// 動物たちを表示する
      function displayAnimals() {
        for (let animal in animals) {
          let html = "<div class='animal' id='" + animal + "'>" + animals[animal].name + "<br>(" + animals[animal].cost + ")</div>";
          animalList.innerHTML += html;
          document.getElementById(animal).addEventListener("click", addAnimal.bind(null, animal));
        }
      }

// 動物たちの攻撃を自動で行う
      animalAttackInterval = setInterval(animalAttack, 3000);

// ひさしに攻撃した時の処理
      hisashi.addEventListener("click", attack);

displayAnimals();
    </script>
  </body>
</html>