A game where you are using clicking the screen to maneuver that you when your bird is continuously going forward, you have to tap to go up well you keep going down due to gravity if they avoid pipes going Forge from you to each time you do that you get a point What is a bird touches the pipe the big bang its head,'s game

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

No:50778

149

←

Prev Next

→

A game where you are using clicking the screen to ..ALL
Developer User21217｜Date and time 24/3/9 15:16:00
Build time 6.907 sec｜Game capacity 2.087KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flappy Bird Game</title>
<style>
    canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="600"></canvas>

let bird = {
        x: 50,
        y: 250,
        velocity: 0,
        gravity: 0.8
    };

let pipes = [
        { x: 400, y: 0 },
        { x: 400, y: 400 }
    ];

let score = 0;

function drawBird() {
        ctx.fillStyle = "yellow";
        ctx.fillRect(bird.x, bird.y, 30, 20);
    }

function drawPipe(pipe) {
        ctx.fillStyle = "green";
        ctx.fillRect(pipe.x, pipe.y, 50, 200);
    }

function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

bird.velocity += bird.gravity;
        bird.y += bird.velocity;

if (bird.y < 0 || bird.y > canvas.height || checkCollision()) {
            alert(`Game Over! Your score is: ${score}`);
            location.reload();
        }

pipes.forEach(pipe => {
            pipe.x -= 2;

if (pipe.x < -50) {
                pipe.x = 400;
                pipe.y = Math.floor(Math.random() * 400);
            }

if (pipe.x === 50) {
                score++;
            }

drawPipe(pipe);
        });

drawBird();

requestAnimationFrame(draw);
    }

function checkCollision() {
        let isColliding = false;

pipes.forEach(pipe => {
            if (bird.x < pipe.x + 50 &&
                bird.x + 30 > pipe.x &&
                bird.y < pipe.y + 200 &&
                bird.y + 20 > pipe.y) {
                isColliding = true;
            }
        });

return isColliding;
    }

document.addEventListener("click", function() {
        bird.velocity = -10;
    });

draw();
</script>
</body>
</html>
```