फ्लैपी चिड़ियां

1475 agileserver586

संपादक में खोलें अपना कोड प्रकाशित करें

अनुशंसित

12 July 2025

स्क्रॉल-संचालित चिपचिपा शीर्षक

26 June 2024

भूकेन्द्रित ब्रह्मांड

HTML

CSS

JS

const bird = document.getElementById('bird');
const game = document.getElementById('game');
const scoreDisplay = document.getElementById('score');

let birdY = 300;
let gravity = 2;
let score = 0;
let gameInterval;
let pipeInterval;

document.addEventListener('keydown', jump);

function jump() {
    birdY -= 50;
    bird.style.bottom = birdY + 'px';
}

function startGame() {
    gameInterval = setInterval(updateGame, 20);
    pipeInterval = setInterval(createPipe, 2000);
}

function updateGame() {
    birdY += gravity;
    bird.style.bottom = birdY + 'px';
    if (birdY < 0 || birdY > 600) {
        endGame();
    }
}

function createPipe() {
    const pipe = document.createElement('div');
    const pipeHeight = Math.random() * 300 + 100; // Height between 100 and 400
    pipe.style.height = pipeHeight + 'px';
    pipe.classList.add('pipe');
    pipe.style.left = '400px';
    game.appendChild(pipe);
    
    movePipe(pipe);
}

function endGame() {
    clearInterval(gameInterval);
    clearInterval(pipeInterval);
    alert('Game Over! Score: ' + score);
    document.location.reload();
}

startGame();

अनुशंसित

स्क्रॉल-संचालित चिपचिपा शीर्षक

एप्पल वॉच अल्ट्रा

भूकेन्द्रित ब्रह्मांड

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS