Flappy bird ale latamy Superman's game

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

No:47491

←

Prev Next

→

Flappy bird ale latamy Superman
Developer User20368｜Date and time 24/2/28 4:43:58
Build time 6.372 sec｜Game capacity 1.387KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Flappy Superman</title>
    <style>
        #gameArea {
            width: 400px;
            height: 500px;
            background-color: lightblue;
            position: relative;
        }
        #superman {
            width: 50px;
            height: 50px;
            background-image: url('superman.png');
            position: absolute;
            bottom: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="gameArea">
        <div id="superman"></div>
    </div>
    <script>
        let superman = document.getElementById('superman');
        let speed = 3;
        
        document.addEventListener('keydown', function(event) {
            if (event.key === ' ') {
                speed = -5;
            }
        });
        
        function gameLoop() {
            let supermanBottom = parseInt(window.getComputedStyle(superman).bottom);
            superman.style.bottom = (supermanBottom + speed) + 'px';
            
            if (supermanBottom <= 0 || supermanBottom >= 450) {
                alert('Game Over! Your final score is: ' + Math.floor(supermanBottom));
                window.location.reload();
            }
            
            requestAnimationFrame(gameLoop);
        }
        
        gameLoop();
    </script>
</body>
</html>