AI game creator

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

No:15728

101

←

Prev Next

→

Flappy poop
Developer User6843｜Date and time 23/9/11 1:02:39
Build time 22.887 sec｜Game capacity 3.142KB｜

Script

Sure! Here's a sample implementation of Flappy Poop game as a single HTML file using JavaScript:

Please note that you would need to provide the appropriate image files for the bird, pipeNorth, and pipeSouth, and update their file names in the code. Also, make sure all image files are in the same directory as the HTML file. This game is a simple implementation of Flappy Bird using JavaScript and HTML5 canvas. The player controls the bird by pressing any key to make it jump. The objective is to navigate the bird through the gaps between the pipes to score points.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a sample implementation of Flappy Poop game as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Poop</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

bird.src = "bird.png";
        pipeNorth.src = "pipeNorth.png";
        pipeSouth.src = "pipeSouth.png";

var bX = 10;
        var bY = 150;
        var gravity = 1.5;
        var score = 0;

// Controls
        document.addEventListener("keydown", moveUp);

function moveUp() {
            bY -= 25;
        }

// Game loop
        function draw() {
            ctx.drawImage(bird, bX, bY);

// Generate obstacles
            var pipe = [];
            pipe[0] = {
                x: canvas.width,
                y: 0
            };

// Move bird downwards
            bY += gravity;

// Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw obstacles
            for (var i = 0; i < pipe.length; i++) {

constant = pipeNorth.height + gap;
                ctx.drawImage(pipeNorth, pipe[i].x, pipe[i].y);
                ctx.drawImage(pipeSouth, pipe[i].x, pipe[i].y + constant);

pipe[i].x--;

// Collision detection
                if (
                    (bX + bird.width >= pipe[i].x &&
                        bX <= pipe[i].x + pipeNorth.width &&
                        (bY <= pipe[i].y + pipeNorth.height ||
                            bY + bird.height >= pipe[i].y + constant)) ||
                    bY + bird.height >= canvas.height
                ) {
                    // Game over condition
                    location.reload(); // Reload the page
                }

if (pipe[i].x == 5) {
                    score++; // Increment score when passing an obstacle
                }
            }

ctx.fillStyle = "black";
            ctx.font = "20px Verdana";
            ctx.fillText("Score: " + score, 10, canvas.height - 20);

// Request new frame
            requestAnimationFrame(draw);
        }

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

This game is a simple implementation of Flappy Bird using JavaScript and HTML5 canvas. The player controls the bird by pressing any key to make it jump. The objective is to navigate the bird through the gaps between the pipes to score points.