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

1480 agileserver586

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

अनुशंसित

11 September 2025

सीएसएस एनीमेशन परतें: अलर्ट और जॉय

2 July 2025

मेटे का एक कोड

4 November 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