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

No:21701

the poop shop and the poop disc and the poop power
Developer User9947｜Date and time 23/10/17 16:36:26
Build time 170.6 sec｜Game capacity 4.919KB｜

Script

Sure! Here's an example of a simple game called "Poop Adventure" implemented as a single HTML file using JavaScript and script tags:

Poop Adventure

💩

Score: 0

This HTML file creates a game called "Poop Adventure." The player controls a poop emoji character at the bottom of the game container using their smartphone's touch input. The objective is to avoid obstacles (represented by brown squares) falling from the top of the container. The player earns points based on their survival time. The game logic is implemented using JavaScript enclosed in script tags. It includes functions for starting the game, moving the player, detecting collisions, and ending the game. Styling is done using CSS within the `<style>` tags. Please feel free to modify and expand this game according to your preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game called "Poop Adventure" implemented as a single HTML file using JavaScript and script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Poop Adventure</title>
  <style>
    body {
      background-color: #e0e0e0;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    #game-container {
      width: 350px;
      height: 500px;
      margin: 0 auto;
      background-color: white;
      border: 5px solid #a0a0a0;
      position: relative;
      overflow: hidden;
    }
    #player {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .obstacle {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 100%;
      background-color: brown;
    }
    #score {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Poop Adventure</h1>
  <div id="game-container">
    <div id="player">💩</div>
  </div>
  <p id="score">Score: 0</p>

// Start event listener
    gameContainer.addEventListener("click", startGame);

/**
     * Function to start the game
     */
    function startGame() {
      gameContainer.removeEventListener("click", startGame);
      var obstacles = []; // Array to store obstacle elements

// Score update interval
      var scoreInterval = setInterval(function() {
        score++;
        scoreElement.textContent = "Score: " + score;
      }, 1000);

// Obstacle creation interval
      var obstacleInterval = setInterval(function() {
        var obstacle = document.createElement("div");
        obstacle.classList.add("obstacle");
        obstacle.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - 50)) + "px";
        gameContainer.appendChild(obstacle);
        obstacles.push(obstacle);
      }, 1500);

// Player movement
      gameContainer.addEventListener("mousemove", movePlayer);

/**
       * Function to move the player based on mouse movement
       * @param {object} event - Mousemove event object
       */
      function movePlayer(event) {
        var containerPos = gameContainer.getBoundingClientRect(); // Container position
        var mouseX = event.clientX - containerPos.left; // Mouse X coordinate relative to container
        var playerPos = mouseX - player.offsetWidth / 2; // Player position
        if (playerPos > 0 && playerPos < gameContainer.offsetWidth - player.offsetWidth) {
          player.style.left = playerPos + "px";
        }
      }

// Collision detection
      var collisionInterval = setInterval(function() {
        obstacles.forEach(function(obstacle) {
          var collision = detectCollision(player, obstacle);
          if (collision) {
            endGame();
          }
        });
      }, 10);

/**
       * Function to detect collision between two elements
       * @param {object} element1 - First element
       * @param {object} element2 - Second element
       * @returns {boolean} - Returns true if collision occurs, false otherwise
       */
      function detectCollision(element1, element2) {
        var rect1 = element1.getBoundingClientRect();
        var rect2 = element2.getBoundingClientRect();
        return (
          rect1.top <= rect2.bottom &&
          rect1.right >= rect2.left &&
          rect1.bottom >= rect2.top &&
          rect1.left <= rect2.right
        );
      }

/**
       * Function to end the game
       */
      function endGame() {
        clearInterval(scoreInterval);
        clearInterval(obstacleInterval);
        clearInterval(collisionInterval);
        gameContainer.removeEventListener("mousemove", movePlayer);
        gameContainer.addEventListener("click", startGame);
        obstacles.forEach(function(obstacle) {
          gameContainer.removeChild(obstacle);
        });
        obstacles = [];
        score = 0;
        scoreElement.textContent = "Score: 0";
        player.style.left = "50%";
      }
    }
  </script>
</body>
</html>
```

The game logic is implemented using JavaScript enclosed in script tags. It includes functions for starting the game, moving the player, detecting collisions, and ending the game. Styling is done using CSS within the `<style>` tags.

Please feel free to modify and expand this game according to your preferences.