AI game creator

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

No:10740

122

←

Prev Next

→

flappy bird
Developer User3559｜Date and time 23/8/2 17:43:45
Build time 13.506 sec｜Game capacity 1.657KB｜

Script

←

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>
        body {
            margin: 0;
            padding: 0;
        }
        
        #flappybird {
            position: relative;
            width: 500px;
            height: 500px;
            background-color: skyblue;
        }
        
        #bird {
            position: absolute;
            left: 50px;
            top: 200px;
            width: 50px;
            height: 50px;
            background-color: yellow;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="flappybird">
        <div id="bird"></div>
    </div>
    
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const bird = document.getElementById("bird");
            
            let birdTop = 200;
            let gameOver = false;
            
            document.addEventListener("keydown", function(event) {
                if (event.key === "ArrowUp" && !gameOver) {
                    birdTop -= 50;
                    bird.style.top = birdTop + "px";
                }
            });
            
            function moveBird() {
                if (birdTop < 450 && !gameOver) {
                    birdTop += 5;
                    bird.style.top = birdTop + "px";
                } else {
                    gameOver = true;
                    bird.style.backgroundColor = "red";
                }
                
                if (!gameOver) {
                    requestAnimationFrame(moveBird);
                }
            }
            
            moveBird();
        });
    </script>
</body>
</html>