My Talking Brunna's game | AI game creator

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

No:26995

81

My Talking Brunna
Developer User13367｜Date and time 23/12/3 21:45:51
Build time 59.307 sec｜Game capacity 2.883KB｜

Oi! Eu sou a Brunna.

🍕

⚽

🐱

💤

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Meu Talking Brunna</title>
<style>
  #container {
    width: 300px;
    margin: 20px auto;
    text-align: center;
  }
  
  #brunna {
    width: 150px;
    height: 150px;
    background-image: url('brunna.png');
    background-size: cover;
    margin: 0 auto;
  }
  
  #message {
    margin-top: 20px;
    font-size: 20px;
  }
  
  #buttons {
    margin-top: 20px;
  }
  
  .button {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('button.png');
    background-size: cover;
    margin: 5px;
    cursor: pointer;
  }
</style>
</head>
<body>
  <div id="container">
    <div id="brunna"></div>
    <div id="message">Oi! Eu sou a Brunna.</div>
    <div id="buttons">
      <div class="button" onclick="feed()">🍕</div>
      <div class="button" onclick="play()">⚽</div>
      <div class="button" onclick="pet()">🐱</div>
      <div class="button" onclick="sleep()">💤</div>
    </div>
  </div>

<script>
    let hunger = 0;
    let happiness = 0;
    let affection = 0;
    
    function feed() {
      hunger += 10;
      happiness += 5;
      affection -= 2;
      updateStatus();
    }
    
    function play() {
      hunger -= 5;
      happiness += 15;
      affection += 10;
      updateStatus();
    }
    
    function pet() {
      happiness += 5;
      affection += 10;
      updateStatus();
    }
    
    function sleep() {
      hunger -= 5;
      happiness += 5;
      affection += 5;
      updateStatus();
    }
    
    function updateStatus() {
      document.getElementById('message').innerHTML = getStatusMessage();
      document.getElementById('brunna').style.backgroundImage = getBrunnaImage();
    }
    
    function getStatusMessage() {
      if (hunger >= 50 || happiness <= -50 || affection <= -50) {
        return "Estou com fome! 😿";
      } else if (hunger >= 30 || happiness <= -30 || affection <= -30) {
        return "Estou cansada! 😿";
      } else if (hunger >= 10 || happiness <= -10 || affection <= -10) {
        return "Estou chateada! 😿";
      } else {
        return "Estou feliz! 😺";
      }
    }
    
    function getBrunnaImage() {
      if (hunger >= 50 || happiness <= -50 || affection <= -50) {
        return "url('brunna_sad.png')";
      } else if (hunger >= 30 || happiness <= -30 || affection <= -30) {
        return "url('brunna_tired.png')";
      } else if (hunger >= 10 || happiness <= -10 || affection <= -10) {
        return "url('brunna_upset.png')";
      } else {
        return "url('brunna_happy.png')";
      }
    }
    
    setInterval(function() {
      hunger -= 2;
      happiness -= 1;
      affection -= 1;
      
      if (hunger < 0) hunger = 0;
      if (happiness < -100) happiness = -100;
      if (affection < -100) affection = -100;
      
      updateStatus();
    }, 1000);
  </script>
</body>
</html>