<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> canvas { border: 1px solid #000; display: block; margin: 20px auto; } </style> <title>Flappy Bird</title> </head> <body> <canvas id="flappyBirdCanvas" width="400" height="600"></canvas> <script> const canvas = document.getElementById("flappyBirdCanvas"); const c's game

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

No:37003

1854

←

Prev Next

→

<!DOCTYPE html> <html lang="en"> <h..ALL
Developer anonymous｜Date and time 24/1/19 19:27:05
Build time unknown sec｜Game capacity 1.612KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 20px auto;
        }
    </style>
    <title>Flappy Bird</title>
</head>
<body>
    <canvas id="flappyBirdCanvas" width="400" height="600"></canvas>
    <script>
        const canvas = document.getElementById("flappyBirdCanvas");
        const ctx = canvas.getContext("2d");

let birdY = canvas.height / 2;
        let velocity = 0;
        let jumping = false;

function drawBird() {
            ctx.fillStyle = "blue";
            ctx.fillRect(100, birdY, 30, 30);
        }

function update() {
            birdY += velocity;
            velocity += 1;

if (jumping) {
                velocity = -12;
                jumping = false;
            }

if (birdY > canvas.height - 30) {
                birdY = canvas.height - 30;
                velocity = 0;
            }
        }

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

function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

document.addEventListener("keydown", function (event) {
            if (event.key === " ") {
                jumping = true;
            }
        });

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