A flappy-bird game but with a fairy's game

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

No:50629

←

Prev Next

→

A flappy-bird game but with a fairy
Developer User21384｜Date and time 24/3/9 10:42:00
Build time 4.804 sec｜Game capacity 1.149KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

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

const fairy = new Image();
fairy.src = "fairy.png";

let fairyX = 50;
let fairyY = canvas.height / 2;
let gravity = 0.5;
let velocity = 0;
let score = 0;
let gameSpeed = 2;

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

ctx.drawImage(fairy, fairyX, fairyY);

velocity += gravity;
    fairyY += velocity;

if (fairyY >= canvas.height) {
        gameOver();
    }

requestAnimationFrame(draw);
}

function flap() {
    velocity = -8;
}

function gameOver() {
    alert("Game Over! Your score: " + score);
    fairyY = canvas.height / 2;
    velocity = 0;
    score = 0;
}

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

setInterval(function() {
    score++;
}, 1000);

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