フラッピーバード's game

Click here for free DL of the app version that can save data.

No:52848

240

←

Prev Next

→

フラッピーバード
Developer User22201｜Date and time 24/3/25 17:20:09
Build time 9.538 sec｜Game capacity 2.593KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        #bird {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: yellow;
            left: 50px;
            top: 50px;
        }

#pipe {
            position: absolute;
            width: 50px;
            height: 200px;
            background-color: green;
            right: 0;
        }

#score {
            position: absolute;
            top: 10px;
            right: 10px;
        }
    </style>
</head>
<body>
    <div id="bird"></div>
    <div id="pipe"></div>
    <div id="score">Score: 0</div>

function updatePipe() {
            let pipeHeight = Math.floor(Math.random() * 150) + 50;
            pipe.style.height = pipeHeight + 'px';

function gameOver() {
            gameInProgress = false;
            alert("Game Over! Your score is: " + scoreValue);
        }

document.addEventListener('keydown', function(event) {
            if (event.code === 'Space' && gameInProgress) {
                bird.style.top = (parseInt(bird.style.top) - jumpStrength) + 'px';
            }
        });

let gameLoop = setInterval(() => {
            if (parseInt(bird.style.top) < (window.innerHeight - 50)) {
                bird.style.top = (parseInt(bird.style.top) + gravity) + 'px';
            } else {
                gameOver();
                clearInterval(gameLoop);
            }

if (parseInt(bird.style.left) + 50 > parseInt(pipe.style.right) && parseInt(bird.style.top) < parseInt(pipe.style.height)) {
                gameOver();
                clearInterval(gameLoop);
            }
        }, 50);

updatePipe();
    </script>
</body>
</html>