Don’t touch the poop or die to hell's game

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

No:37456

←

Prev Next

→

Don’t touch the poop or die to hell
Developer User17003｜Date and time 24/1/21 4:06:38
Build time 11.034 sec｜Game capacity 3.234KB｜

Script

Sure! Here's a simple game implemented as a single HTML file with JavaScript, using pictograms and designed for smartphone operation. The game objective is to avoid touching the poop and stay alive as long as possible.

💩

Score: 0

Please save the code into an HTML file (e.g., `game.html`) and open it with a web browser to play the game. The game area is represented by a single pictogram (initially a poop), and by tapping anywhere on the screen (simulation of smartphone operation), you have to avoid touching the poop. Each time you successfully avoid it, the score increases, and the poop randomly moves to a different position while displaying a different pictogram from the list. If you touch the poop, the game ends and your final score is displayed. Note: Make sure to only touch the game area (background) and not the poop itself to avoid ending the game prematurely.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Don't Touch the Poop!</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    #game {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 100px;
    }
  </style>
</head>
<body>
  <script>
    // Pictograms used in the game
    const pictograms = ['💩', '🌟', '🤖', '🍔', '🍕', '🥦'];

// Game variables
    let score = 0;
    let isPlaying = true;

// Function to check if two elements collide
    function isColliding(element1, element2) {
      const rect1 = element1.getBoundingClientRect();
      const rect2 = element2.getBoundingClientRect();

return !(
        rect1.top > rect2.bottom ||
        rect1.bottom < rect2.top ||
        rect1.right < rect2.left ||
        rect1.left > rect2.right
      );
    }

// Function to handle touch events
    function touchHandler(event) {
      event.preventDefault();
      if (!isPlaying) return;

const poop = document.getElementById('poop');
      const gameArea = document.getElementById('game');

if (isColliding(event.target, poop)) {
        gameOver();
      } else {
        score++;
        poop.style.transform = `translate(${getRandomNumber()}%, ${getRandomNumber()}%)`;
        gameArea.innerText = pictograms[getRandomNumber(pictograms.length)];
        document.getElementById('score').innerText = score;
      }
    }

// Function to get a random number between -40 and 40 (for position translation)
    function getRandomNumber() {
      return Math.floor(Math.random() * 80) - 40;
    }

// Function to end the game
    function gameOver() {
      isPlaying = false;
      alert('Game Over! Your score: ' + score);
    }

// Initialize the game
    function startGame() {
      document.getElementById('game').addEventListener('click', touchHandler);
    }

// Start processing
    window.onload = function () {
      startGame();
    };
  </script>
  <div id="game">
    <span id="poop" style="user-select: none; cursor: pointer;">💩</span>
  </div>
  <div style="position: fixed; top: 10px; right: 10px;">
    Score: <span id="score">0</span>
  </div>
</body>
</html>
```

Note: Make sure to only touch the game area (background) and not the poop itself to avoid ending the game prematurely.