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

No:36876

A game where you take care of a pet rock You can f..ALL
Developer Game Studio｜Date and time 24/1/19 4:06:57
Build time 16.927 sec｜Game capacity 3.751KB｜

Script

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

Create and take care of your Pet Rock!

Name:

Hunger:

Bathroom:

Happiness:

Tricks:

Friends:

To play the game, you can save this code in a file with an HTML extension (e.g., `pet_rock_game.html`) and open it in a web browser on your smartphone. You can feed, take to the bathroom, pet, teach tricks, make friends, explore, and switch between being the user and the pet rock. Enjoy taking care of your virtual pet rock!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    .pictogram {
      font-size: 50px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <script>
    // Pet Rock object
    var petRock = {
      name: "Rocky",
      hunger: 0,
      bathroom: 0,
      happiness: 100,
      tricks: [],
      friends: []
    };

// Functions to interact with the pet rock
    function feed() {
      if (petRock.hunger < 100) {
        petRock.hunger += 10;
        updateUI();
      }
    }

function takeToBathroom() {
      if (petRock.bathroom < 100) {
        petRock.bathroom += 10;
        updateUI();
      }
    }

function pet() {
      if (petRock.happiness < 100) {
        petRock.happiness += 10;
        updateUI();
      }
    }

function teachTrick() {
      petRock.tricks.push("New Trick");
      updateUI();
    }

function doTrick() {
      if (petRock.tricks.length > 0) {
        console.log("Performing trick: " + petRock.tricks[petRock.tricks.length - 1]);
        petRock.happiness += 20;
        updateUI();
      }
    }

function makeFriend() {
      petRock.friends.push("New Friend");
      updateUI();
    }

function explore() {
      console.log("Exploring...");
      petRock.happiness -= 10;
      updateUI();
    }

// Update the UI based on the pet rock's state
    function updateUI() {
      document.getElementById("name").innerHTML = petRock.name;
      document.getElementById("hunger").innerHTML = petRock.hunger;
      document.getElementById("bathroom").innerHTML = petRock.bathroom;
      document.getElementById("happiness").innerHTML = petRock.happiness;
      document.getElementById("tricks").innerHTML = petRock.tricks.join(", ");
      document.getElementById("friends").innerHTML = petRock.friends.join(", ");
    }

// Function to switch between being the user or the pet rock
    function switchMode() {
      var userMode = document.getElementById("userMode");
      var rockMode = document.getElementById("rockMode");

// Toggle visibility of user and pet rock elements
      if (userMode.style.display === "none") {
        userMode.style.display = "block";
        rockMode.style.display = "none";
      } else {
        userMode.style.display = "none";
        rockMode.style.display = "block";
      }
    }

// Initialize the UI
    updateUI();
  </script>

<div id="userMode">
    <h1>Create and take care of your Pet Rock!</h1>
    <h2>Name: <span id="name"></span></h2>

<h3>Hunger: <span id="hunger"></span></h3>
    <button onclick="feed()">Feed</button>

<h3>Bathroom: <span id="bathroom"></span></h3>
    <button onclick="takeToBathroom()">Take to Bathroom</button>

<h3>Happiness: <span id="happiness"></span></h3>
    <button onclick="pet()">Pet</button>

<h3>Tricks: <span id="tricks"></span></h3>
    <button onclick="teachTrick()">Teach Trick</button>
    <button onclick="doTrick()">Do Trick</button>

<h3>Friends: <span id="friends"></span></h3>
    <button onclick="makeFriend()">Make Friend</button>

<button onclick="explore()">Explore</button>

<button onclick="switchMode()">Switch to Pet Rock</button>
  </div>

<div id="rockMode" style="display: none;">
    <h1>You are now the Pet Rock!</h1>
    <button onclick="switchMode()">Switch to User</button>
  </div>
</body>
</html>
```