Flappy Bird offline game if you go offline or turn off your internet and Bluetooth you can play this game's game

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

No:41847

←

Prev Next

→

Flappy Bird offline game if you go offline or turn..ALL
Developer User15380｜Date and time 24/2/10 2:59:17
Build time 10.402 sec｜Game capacity 2.638KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Flappy Bird</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

canvas {
            background: #f8f8f8;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="game" width="400" height="600"></canvas>
    <script>

// Game Constants
        const canvas = document.getElementById('game');
        const ctx = canvas.getContext('2d');
        const bird = new Image();
        const background = new Image();
        const pipeNorth = new Image();
        const pipeSouth = new Image();
        
        bird.src = "bird.png";
        background.src = "background.png";
        pipeNorth.src = "pipeNorth.png";
        pipeSouth.src = "pipeSouth.png";

const gravity = 1;
        const jumpHeight = 20;

// Game Variables
        let birdX = 10;
        let birdY = 150;
        let score = 0;

// Pipe Variables
        const pipeGap = 100;
        const pipeWidth = 52;
        const pipeHeight = 320;
        let pipe = [];
        pipe[0] = {
            x: canvas.width,
            y: 0
        };

// Handle key events
        function handleKeyEvents(event) {
            if (event.code === 'Space') {
                birdY -= jumpHeight;
            }
        }

// Game Loop
        function gameLoop() {
            ctx.drawImage(background, 0, 0);

for (let i = 0; i < pipe.length; i++) {
                ctx.drawImage(pipeNorth, pipe[i].x, pipe[i].y);
                ctx.drawImage(pipeSouth, pipe[i].x, pipe[i].y + pipeHeight + pipeGap);

pipe[i].x--;

// Check for collision
                if (birdX + bird.width >= pipe[i].x && birdX <= pipe[i].x + pipeWidth && (birdY <= pipe[i].y + pipeHeight || birdY + bird.height >= pipe[i].y + pipeHeight + pipeGap) || birdY + bird.height >= canvas.height) {
                    // Game over
                    location.reload(); // Reload the page to start again
                }

if (pipe[i].x === 125) {
                    score++;
                }
            }

ctx.drawImage(bird, birdX, birdY);
            birdY += gravity;

// Display score
            ctx.fillStyle = "#000";
            ctx.font = "20px Verdana";
            ctx.fillText("Score: " + score, 10, 30);

requestAnimationFrame(gameLoop);
        }

// Start the game
        document.addEventListener('keydown', handleKeyEvents);
        gameLoop();

</script>
</body>
</html>