Flappy Bird But It's A Floppy Disk And Not A Bird's game

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

No:52544

190

Flappy Bird But It's A Floppy Disk And Not A Bird
Developer User21951｜Date and time 24/3/22 16:26:22
Build time 5.992 sec｜Game capacity 1.431KB｜

→ 　

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

<!DOCTYPE html>
<html>
<head>
    <title>Flappy Disk</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

let floppyDisk = {
            x: 50,
            y: canvas.height/2,
            velocity: 0,
            gravity: 0.5
        };

function drawFloppyDisk() {
            ctx.fillStyle = "black";
            ctx.fillRect(floppyDisk.x, floppyDisk.y, 50, 20);
        }

function updateGame() {
            floppyDisk.velocity += floppyDisk.gravity;
            floppyDisk.y += floppyDisk.velocity;

if (floppyDisk.y > canvas.height - 20) {
                floppyDisk.y = canvas.height - 20;
                floppyDisk.velocity = 0;
            }

if (floppyDisk.y < 0) {
                floppyDisk.y = 0;
                floppyDisk.velocity = 0;
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawFloppyDisk();
        }

function jump() {
            floppyDisk.velocity = -8;
        }

document.addEventListener("keydown", function(event) {
            if (event.code === "Space") {
                jump();
            }
        });

setInterval(updateGame, 1000/60);
    </script>
</body>
</html>,