AI game creator

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

No:44517

←

Prev Next

→

Crea flappy bird
Developer User19399｜Date and time 24/2/18 6:42:46
Build time 3.571 sec｜Game capacity 1.262KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let birdX = 50;
        let birdY = 150;
        let birdSpeedY = 0;

let gravity = 0.7;
        let jumpStrength = -12;

function drawBird() {
            ctx.fillStyle = "yellow";
            ctx.fillRect(birdX, birdY, 30, 20);
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function update() {
            birdSpeedY += gravity;
            birdY += birdSpeedY;

if(birdY > canvas.height) {
                birdY = canvas.height;
                birdSpeedY = 0;
            }

clearCanvas();
            drawBird();
            requestAnimationFrame(update);
        }

document.addEventListener("keydown", (event) => {
            if(event.keyCode === 32) {
                birdSpeedY = jumpStrength;
            }
        });

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