AI game creator

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

No:20929

←

Prev Next

→

Digestion game
Developer User9237｜Date and time 23/10/12 3:48:55
Build time 129.401 sec｜Game capacity 4.775KB｜

Script

Sure! Here's an example of a digestion game implemented as a single HTML file using JavaScript. Please note that for simplicity purposes, this game only provides a basic representation of the digestion process.

🌽

In this game, when you click on the "Start" button, a piece of corn (🌽) will move through the digestion process represented by the stomach, intestine, and toilet. The game ends when the food item reaches the toilet. You can easily modify the food item and the visualization to suit your preference using pictograms or emojis.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Digestion Game</title>
  <style>
    #container {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #gameArea {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 20px;
    }
    #startButton {
      padding: 10px;
      background-color: #4CAF50;
      color: white;
      border: none;
      font-size: 16px;
      cursor: pointer;
    }
    #food {
      width: 100px;
      height: 100px;
      background-color: orange;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #digestion {
      width: 100%;
      height: 150px;
      background-color: grey;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    #stomach {
      width: 50px;
      height: 50px;
      background-color: red;
    }
    #intestine {
      width: 100%;
      height: 50px;
      background-color: yellow;
    }
    #toilet {
      width: 50px;
      height: 50px;
      background-color: brown;
    }
  </style>
</head>
<body>
  <div id="container">
    <div id="gameArea">
      <div>
        <button id="startButton">Start</button>
      </div>
      <div id="food">
        🌽
      </div>
      <div id="digestion">
        <div id="stomach"></div>
        <div id="intestine"></div>
        <div id="toilet"></div>
      </div>
    </div>
  </div>

// Flag to indicate game state
    let isGameStarted = false;

// Function to start the game
    function startGame() {
      isGameStarted = true;
      startButton.disabled = true;
      startButton.style.display = 'none';
      food.style.display = 'block';
      moveFood();
    }

// Function to move the food through the digestion process
    function moveFood() {
      let position = 0;

// Move the food to the stomach
      const stomachInterval = setInterval(() => {
        position += 10;
        stomach.style.marginTop = `${position}px`;

if (position >= digestion.clientHeight) {
          clearInterval(stomachInterval);
          stomach.style.marginTop = `0px`;
          moveFoodToIntestine();
        }
      }, 100);
    }

// Function to move the food from the stomach to the intestine
    function moveFoodToIntestine() {
      let position = 0;

// Move the food to the intestine
      const intestineInterval = setInterval(() => {
        position += 10;
        intestine.style.marginLeft = `${position}px`;

if (position >= digestion.clientWidth) {
          clearInterval(intestineInterval)
          intestine.style.marginLeft = `0px`;
          moveFoodToToilet();
        }
      }, 100);
    }

// Function to move the food from the intestine to the toilet
    function moveFoodToToilet() {
      let position = 0;

// Move the food to the toilet
      const toiletInterval = setInterval(() => {
        position += 10;
        toilet.style.marginTop = `${position}px`;

if (position >= digestion.clientHeight) {
          clearInterval(toiletInterval);
          toilet.style.marginTop = `0px`;
          isGameStarted = false;
          showGameOver();
        }
      }, 100);
    }

// Function to show game over message
    function showGameOver() {
      food.style.display = 'none';
      startButton.disabled = false;
      startButton.style.display = 'block';
      alert("Game Over! You've digested the food.");
    }

// Event listener for start button
    startButton.addEventListener('click', () => {
      if (!isGameStarted) {
        startGame();
      }
    });
  </script>
</body>
</html>
```