Oiseau Flappy

2,809 agileserver586

Ouvrir dans l'éditeur Publiez votre code

Recommandé

19 November 2024

code de test de l'iPhone 16

18 December 2025

Charger du code HTML et des scripts externes via JavaScript

17 March 2026

BowMaster

HTML

CSS

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();