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

No:35186

←

Prev Next

→

Pig training
Developer User16398｜Date and time 24/1/13 13:47:09
Build time 10.021 sec｜Game capacity 2.714KB｜

Script

Sure, here's a simple game called "Pig Training" implemented as a single HTML file:

Pig Training Game

Feed

Train

Score: 0

This game allows you to feed or train a pig using two buttons. Feeding the pig decreases its hunger level and increases its obedience level. Training the pig increases both hunger and obedience levels. The pig's hunger level increases over time, and if it reaches 10, the game is over. The score is displayed, indicating the pig's obedience level.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game called "Pig Training" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Pig Training Game</title>
  <style>
    body {
      font-family: sans-serif;
      text-align: center;
    }
    #message {
      font-size: 24px;
      margin: 20px;
    }
    #game-buttons {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
    .button {
      display: inline-block;
      padding: 10px 20px;
      margin: 0 10px;
      background-color: #007bff;
      color: #fff;
      border-radius: 4px;
      cursor: pointer;
    }
    #score {
      font-size: 18px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Pig Training Game</h1>
  <div id="message"></div>
  <div id="game-buttons">
    <div class="button" id="feed-button">Feed</div>
    <div class="button" id="train-button">Train</div>
  </div>
  <div id="score">Score: 0</div>

// Update the score display
    function updateScore() {
      document.getElementById("score").textContent = `Score: ${pig.obedience}`;
    }

// Function to feed the pig
    function feedPig() {
      pig.hunger--;
      if (pig.hunger < 0) pig.hunger = 0;
      pig.obedience++;
      document.getElementById("message").textContent = "Pig is fed!";
      updateScore();
    }

// Function to train the pig
    function trainPig() {
      pig.hunger++;
      pig.obedience++;
      document.getElementById("message").textContent = "Pig is trained!";
      updateScore();
    }

// Event listeners for game buttons
    document.getElementById("feed-button").addEventListener("click", feedPig);
    document.getElementById("train-button").addEventListener("click", trainPig);

// Game loop to periodically increase pig's hunger
    setInterval(() => {
      pig.hunger++;
      pig.obedience--;
      if (pig.obedience < 0) pig.obedience = 0;
      if (pig.hunger >= 10) {
        document.getElementById("message").textContent = "Pig is hungry! Game over!";
        document.getElementById("game-buttons").style.display = "none";
      }
      updateScore();
    }, 3000); // Change this number to control the interval speed
  </script>
</body>
</html>
```