どうぶつスクールシミュレーター

ようこそ！

以上がどうぶつスクールシミュレーターのプログラムです。ゲームの概要は、プレイヤーは動物の飼育員となり、餌を与えたり、睡眠をとらせたり、勉強させたりして、その動物の健康管理をするゲームです。今回のアップデートで、新しい動物ライオンが追加されました。絵文字を多用して、楽しくプレイできるようにしています。スマートフォンでも操作できるよう、ボタンを用意しています。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>どうぶつスクールシミュレーター</title>
    <style>
      /* スタイルシート */
    </style>
  </head>
  <body>
    <div id="game">
      <h1>どうぶつスクールシミュレーター</h1>
      <p id="message">ようこそ！</p>
      <img id="animal-img" src="img/fox.png" alt="動物の画像">
      <ul>
        <li><button id="eat">食べる 🍎</button></li>
        <li><button id="sleep">寝る 💤</button></li>
        <li><button id="study">勉強する 📚</button></li>
      </ul>
    </div>

let animal = 'fox'; // 最初の動物はキツネ
      let health = 50; // 健康度
      let hunger = 50; // sacvacb

function showMessage(message) {
        messageElement.textContent = message;
      }

function showAnimal(animal) {
        animalImgElement.src = `img/${animal}.png`;
      }

function updateStatus() {
        showMessage(`健康度：${health}、 sacvacb：${hunger}`);
      }

function eat() {
        // sacvacbが増える
        showMessage('sacvacbを取った！');
        hunger += 10;
        if (hunger > 100) {
          hunger = 100;
        }
        updateStatus();
      }

function study() {
        // 健康度が減少する
        showMessage('勉強中 📖');
        health -= 10;
        if (health < 0) {
          health = 0;
        }
        updateStatus();
      }

function updateAnimal(newAnimal) {
        animal = newAnimal;
        showAnimal(animal);
        showMessage(`新しい動物 ${animal}が追加されました🎉`);
        health = 50;
        hunger = 50;
        updateStatus();
      }

eatButton.addEventListener('click', eat);
      sleepButton.addEventListener('click', sleep);
      studyButton.addEventListener('click', study);

updateAnimal('lion'); // 最初の動物はライオン
    </script>
  </body>
</html>