Poo 💩 bouncing around on the walls in Connor in a minute's game

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

No:14623

131

←

Prev Next

→

Poo 💩 bouncing around on the walls in Connor in a ..ALL
Developer User6282｜Date and time 23/9/3 18:14:37
Build time 18.372 sec｜Game capacity 1.996KB｜

Script

Sure! Here's a simple game where you can control a bouncing poo using your smartphone. It's implemented as a single HTML file with JavaScript enclosed in script tags. To play, simply open the file in a web browser on your smartphone.

This code creates a simple canvas element where a poo (represented by a brown rectangle) bounces around the walls of the screen. The poo starts from the center and moves at a constant speed. Each time it hits the walls, it changes its direction. The gameLoop function continuously renders the updated position of the poo on the canvas, creating the illusion of movement.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <style>
    canvas {
      background-color: #000;
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <script>
    // Game initialization
    const canvas = document.createElement("canvas");
    const ctx = canvas.getContext("2d");
    document.body.appendChild(canvas);
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Poo object
    const poo = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 50,
      speedX: 2,
      speedY: 2,
      draw: function() {
        ctx.beginPath();
        ctx.fillStyle = "#8b4513";
        ctx.fillRect(this.x, this.y, this.size, this.size);
        ctx.closePath();
      },
      update: function() {
        this.x += this.speedX;
        this.y += this.speedY;

if (this.x + this.size > canvas.width || this.x < 0) {
          this.speedX *= -1;
        }
        if (this.y + this.size > canvas.height || this.y < 0) {
          this.speedY *= -1;
        }
      }
    };

// Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      poo.update();
      poo.draw();
      requestAnimationFrame(gameLoop);
    }

// Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

This code creates a simple canvas element where a poo (represented by a brown rectangle) bounces around the walls of the screen. The poo starts from the center and moves at a constant speed. Each time it hits the walls, it changes its direction. The gameLoop function continuously renders the updated position of the poo on the canvas, creating the illusion of movement.