AI game creator

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

No:52390

135

←

Prev Next

→

Flappy bird
Developer User21914｜Date and time 24/3/21 21:42:30
Build time 8.859 sec｜Game capacity 1.841KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Flappy Bird Game</title>
<style>
canvas {
    background-color: lightblue;
    display: block;
    margin: 0 auto;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="320" height="480"></canvas>
<script>
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");

// Bird
const bird = {
    x: 50,
    y: canvas.height / 2,
    radius: 15,
    gravity: 0.6,
    lift: -10,
    velocity: 0
};

// Pipes
const pipeGap = 100;
const pipeWidth = 30;
let pipes = [];
pipes.push({ x: canvas.width, y: 0 });

function drawBird() {
    ctx.beginPath();
    ctx.arc(bird.x, bird.y, bird.radius, 0, Math.PI * 2);
    ctx.fillStyle = "yellow";
    ctx.fill();
}

function drawPipe(x, y, height) {
    ctx.fillStyle = "green";
    ctx.fillRect(x, y, pipeWidth, height);
}

function jump() {
    bird.velocity = bird.lift;
}

function gameOver() {
    alert("Game Over!");
    bird.y = canvas.height / 2;
    bird.velocity = 0;
    pipes = [{ x: canvas.width, y: 0 }];
}

document.addEventListener("keydown", jump);
requestAnimationFrame(draw);
</script>
</body>
</html>
```