A cat care simulator's game

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

No:44074

←

Prev Next

→

A cat care simulator
Developer User19313｜Date and time 24/2/17 4:14:14
Build time 11.567 sec｜Game capacity 2.881KB｜

Script

Sure! Here's a simple cat care simulator game implemented as a single HTML file using JavaScript. It simulates taking care of a virtual cat on a smartphone.

🐱

Play

Status: Hungry

In this game, you'll see a cat emoji 🐱 that you can interact with on a smartphone. You can feed the cat by tapping on it, and you can play with the cat by tapping the "Play" button. The cat has hunger and happiness levels displayed, and messages will appear at the bottom of the screen to notify you of actions taken. Please note that this is a basic example and can be expanded upon to add more features or interactions with the virtual cat.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple cat care simulator game implemented as a single HTML file using JavaScript. It simulates taking care of a virtual cat on a smartphone.

```
<!DOCTYPE html>
<html>
  <head>
    <style>
      #container {
        text-align: center;
      }
      
      #cat {
        font-size: 80px;
        cursor: pointer;
      }
      
      #button {
        font-size: 24px;
        padding: 10px 20px;
        cursor: pointer;
      }
      
      #status {
        font-size: 24px;
        margin-top: 20px;
      }
      
      #message {
        font-size: 24px;
        margin-top: 20px;
        color: red;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="cat" onclick="feedCat()">🐱</div>
      <div id="button" onclick="playWithCat()">Play</div>
      <div id="status">Status: Hungry</div>
      <div id="message"></div>
    </div>
    
    <script>
      // Initial cat state
      let catState = {
        hunger: 100,
        happiness: 100
      };
      
      // Update the cat's state
      function updateCatState() {
        if (catState.hunger <= 0) {
          catState.hunger = 0;
          displayMessage('Your cat is starving!');
        }
        
        if (catState.happiness <= 0) {
          catState.happiness = 0;
          displayMessage('Your cat is sad!');
        }
        
        document.getElementById('status').innerHTML = `Status: Hunger: ${catState.hunger} | Happiness: ${catState.happiness}`;
      }
      
      // Feed the cat
      function feedCat() {
        if (catState.hunger <= 0) {
          displayMessage('Your cat is already full!');
        } else {
          catState.hunger += 10;
          displayMessage('Feeding your cat...');
        }
        updateCatState();
      }
      
      // Play with the cat
      function playWithCat() {
        if (catState.happiness >= 100) {
          displayMessage('Your cat is already happy!');
        } else {
          catState.happiness += 10;
          displayMessage('Playing with your cat...');
        }
        updateCatState();
      }
      
      // Display message
      function displayMessage(message) {
        document.getElementById('message').innerHTML = message;
        setTimeout(() => {
          document.getElementById('message').innerHTML = '';
        }, 2000);
      }
      
      // Start the game
      updateCatState();
    </script>
  </body>
</html>
```

Please note that this is a basic example and can be expanded upon to add more features or interactions with the virtual cat.