Uccello svolazzante

1932 agileserver586

Apri nell'Editor Pubblica il Tuo Codice

Consigliato

15 October 2025

Livelli di animazione CSS: codifica, debug, frammenti

9 June 2025

Barra laterale

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

Consigliato

Livelli di animazione CSS: codifica, debug, frammenti

Barra laterale

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS