Oiseau Flappy

1477 agileserver586

Ouvrir dans l'éditeur Publiez votre code

Recommandé

14 June 2023

La symphonie de la syntaxe

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

Oiseau Flappy

Recommandé

Carte membres de l'équipe CSS

Un code par mironovbogdan341

La symphonie de la syntaxe

HTML

CSS

JS

Recommandé

Carte membres de l'équipe CSS

Un code par mironovbogdan341

La symphonie de la syntaxe

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS