Akachan Nurturing Game's game

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

No:1119

127

←

Prev Next

→

Akachan Nurturing Game
Developer User3250｜Date and time 23/6/18 3:44:07
Build time 43.909 sec｜Game capacity 4.287KB｜

Script

👶

あかちゃんが生まれました！何をしようかな？

このゲームは、あかちゃんの飢餓、眠気、幸福を管理し、ユーザーがわずかな入力を使用して彼らの世話をすることを目的としています。ユーザーがボタンをクリックすると、関数が呼び出され、それに基づいて変数が変更されます。ゲームの目的は、あかちゃんを健康で幸せな状態に保つことです。それが失敗すると、あかちゃんは死んでしまいます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<html>
  <head>
    <meta charset="UTF-8">
    <title>あかちゃん育成ゲーム</title>
    <style>
      /* スタイルシート */
      body {
        background-color: #F9DCD8;
      }
      #baby {
        font-size: 50px;
        margin: 20px auto;
        text-align: center;
      }
      #buttons {
        display: flex;
        justify-content: space-around;
      }
      button {
        font-size: 20px;
        padding: 10px;
        background-color: #F8AC9B;
        border: none;
        border-radius: 5px;
      }
      #message {
        font-size: 20px;
        margin: 20px auto;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div id="baby">👶</div>
    <div id="buttons">
      <button id="feed">🍼</button>
      <button id="play">🧸</button>
      <button id="sleep">💤</button>
    </div>
    <div id="message">あかちゃんが生まれました！何をしようかな？</div>
    <script>
      // JavaScriptの記述
      let happiness = 50;
      let hunger = 50;
      let sleepiness = 50;
      
      const feed = () => {
        hunger += 10;
        sleepiness -= 5;
        update();
        checkStatus();
      }
      
      const play = () => {
        happiness += 10;
        hunger -= 5;
        sleepiness -= 5;
        update();
        checkStatus();
      }
      
      const sleep = () => {
        sleepiness += 10;
        hunger -= 5;
        update();
        checkStatus();
      }
      
      const update = () => {
        document.getElementById("baby").innerHTML = "👶";
        if(happiness >= 80) {
          document.getElementById("baby").innerHTML += "😊";
        } else if(happiness >= 50) {
          document.getElementById("baby").innerHTML += "🙂";
        } else if(happiness >= 20) {
          document.getElementById("baby").innerHTML += "😔";
        } else {
          document.getElementById("baby").innerHTML += "😭";
        }
        if(hunger >= 80) {
          document.getElementById("baby").innerHTML += "🍔";
        } else if(hunger >= 50) {
          document.getElementById("baby").innerHTML += "🍎";
        } else if(hunger >= 20) {
          document.getElementById("baby").innerHTML += "🍭";
        } else {
          document.getElementById("baby").innerHTML += "💀";
        }
        if(sleepiness >= 80) {
          document.getElementById("baby").innerHTML += "😴";
        } else if(sleepiness >= 50) {
          document.getElementById("baby").innerHTML += "😐";
        } else if(sleepiness >= 20) {
          document.getElementById("baby").innerHTML += "😵";
        } else {
          document.getElementById("baby").innerHTML += "😫";
        }
      }
      
      const checkStatus = () => {
        if(hunger > 100 || sleepiness > 100 || happiness > 100) {
          document.getElementById("message").innerHTML = "あかちゃんが死んでしまいました…リロードして再開してください";
          document.getElementById("buttons").style.display = "none";
        } else if(hunger > 80) {
          document.getElementById("message").innerHTML = "お腹がすいてます";
        } else if(sleepiness > 80) {
          document.getElementById("message").innerHTML = "眠たくなってきました";
        } else if(happiness > 80) {
          document.getElementById("message").innerHTML = "とっても楽しそうです";
        } else {
          document.getElementById("message").innerHTML = "何をしようかな？";
        }
      }
      
      document.getElementById("feed").addEventListener("click", feed);
      document.getElementById("play").addEventListener("click", play);
      document.getElementById("sleep").addEventListener("click", sleep);
      
    </script>
  </body>
</html>