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

No:15607

117

←

Prev Next

→

I want a cute piece of poop whose objective is to ..ALL
Developer User6787｜Date and time 23/9/10 6:01:55
Build time 24.816 sec｜Game capacity 3.559KB｜

Script

Sure, here's a simple game implementation in a single HTML file using JavaScript:

Poop's Adventure

To use this implementation: 1. Save the code above as a single HTML file (e.g., `game.html`). 2. Create or gather the required pictogram images (`emozi_all/pictogram.png`, `emozi_all/toilet.png`, `emozi_himawari.png`) and save them in the same directory as the HTML file. 3. Open the HTML file in a web browser (preferably on a smartphone). 4. Tap the screen to make the poop jump over the obstacles (toilet paper and water) and try to reach its family. 5. The game will display the score, and if the poop collides with any obstacle, it will show a game over message and reload the page for a new game. Please note that you may need to adjust the image paths (`background-image` URLs) in the CSS section to match the actual filenames and locations of your pictogram images.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implementation in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Poop's Adventure</title>
  <style>
    #poop {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('poop.png');
      background-size: cover;
    }
    .obstacle {
      position: absolute;
      width: 50px;
      height: 50px;
    }
    #toiletPaper {
      background-image: url('toilet-paper.png');
      background-size: cover;
    }
    #water {
      background-image: url('water.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <h1>Poop's Adventure</h1>
  <div id="poop"></div>
  <div id="toiletPaper" class="obstacle"></div>
  <div id="water" class="obstacle"></div>

let isJumping = false;
      let gravity = 0.9;
      let poopBottom = 0;
      let poopLeft = 50;
      let obstacleLeft = 400;
      let score = 0;

// Jump function
      function jump() {
        if (isJumping) return;
        isJumping = true;
        let jumpInterval = setInterval(function() {
          if (poopBottom > 250) {
            clearInterval(jumpInterval);
            let fallInterval = setInterval(function() {
              if (poopBottom <= 0) {
                clearInterval(fallInterval);
                isJumping = false;
              }
              poopBottom -= 5;
              poop.style.bottom = poopBottom + 'px';
            }, 20);
          }
          poopBottom += 30;
          poop.style.bottom = poopBottom + 'px';
        }, 20);
      }

// Game loop
      function gameLoop() {
        // Move the obstacles towards left
        obstacleLeft -= 5;
        toiletPaper.style.left = obstacleLeft + 'px';
        water.style.left = obstacleLeft + 'px';

// Check collision
        if (
          (obstacleLeft > 0 && obstacleLeft < 100 && poopLeft === 50 && poopBottom < 100) ||
          (obstacleLeft > 0 && obstacleLeft < 100 && poopLeft === 150 && poopBottom < 249)
        ) {
          alert('Game Over! Poop is dirty.');
          location.reload();
        }

// Increment score if obstacle passed
        if (obstacleLeft === -50) {
          score++;
          obstacleLeft = 400;
        }

// Update score
        document.getElementById('score').innerText = 'Score: ' + score;

requestAnimationFrame(gameLoop);
      }

// Start game loop
      gameLoop();

// Listen for screen taps
      document.addEventListener('touchstart', jump);
    });
  </script>
</body>
</html>
```

To use this implementation:
1. Save the code above as a single HTML file (e.g., `game.html`).
2. Create or gather the required pictogram images (`poop.png`, `toilet-paper.png`, `water.png`) and save them in the same directory as the HTML file.
3. Open the HTML file in a web browser (preferably on a smartphone).
4. Tap the screen to make the poop jump over the obstacles (toilet paper and water) and try to reach its family.
5. The game will display the score, and if the poop collides with any obstacle, it will show a game over message and reload the page for a new game.

Please note that you may need to adjust the image paths (`background-image` URLs) in the CSS section to match the actual filenames and locations of your pictogram images.