AI game creator

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

No:14301

←

Prev Next

→

Flappy bird
Developer User6129｜Date and time 23/8/31 20:38:54
Build time 27.29 sec｜Game capacity 4.07KB｜

Script

Sure! Here's a simplified version of the Flappy Bird game implemented as a single HTML file with JavaScript code enclosed in script tags:

This implementation creates a canvas element where the game is rendered. The player controls the bird by tapping the spacebar or pressing the up arrow key to make it jump. The goal is to navigate the bird through the gaps between the pipes without touching them. The score increases with each successfully passed pipe. When the bird collides with a pipe or goes out of bounds, the game ends, and the score is displayed. Please note that this implementation is a simplified version of the original Flappy Bird game and may not have all the features or graphical fidelity of the official game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a simplified version of the Flappy Bird game implemented as a single HTML file with JavaScript code enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

var bird = {
            x: 50,
            y: 150,
            width: 30,
            height: 30,
            gravity: 0.5,
            speed: 0,
            jumpForce: 8
        };

var pipes = [];
        var gapSize = 100;
        var pipeSpacing = 200;
        var pipeWidth = 50;

var isGameOver = false;
        var score = 0;

function update() {
            if (isGameOver) {
                return;
            }

bird.speed += bird.gravity;
            bird.y += bird.speed;

if (bird.y < 0 || bird.y + bird.height > canvas.height) {
                endGame();
            }

for (var i = 0; i < pipes.length; i++) {
                var pipe = pipes[i];

if (bird.x + bird.width > pipe.x && bird.x < pipe.x + pipeWidth &&
                    (bird.y < pipe.y || bird.y + bird.height > pipe.y + gapSize)) {
                    endGame();
                }

if (bird.x > pipe.x + pipeWidth && !pipe.scored) {
                    score++;
                    pipe.scored = true;
                }

pipe.x -= 2;

if (pipe.x + pipeWidth < 0) {
                    pipes.splice(i, 1);
                    i--;
                }
            }

if (pipes.length < 3 && canvas.width - pipes[pipes.length - 1].x > pipeSpacing) {
                spawnPipe();
            }
            
            draw();
            requestAnimationFrame(update);
        }

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

context.fillStyle = "#70c5ce";
            context.fillRect(bird.x, bird.y, bird.width, bird.height);

context.fillStyle = "#2e8540";
            for (var i = 0; i < pipes.length; i++) {
                var pipe = pipes[i];
                context.fillRect(pipe.x, 0, pipeWidth, pipe.y);
                context.fillRect(pipe.x, pipe.y + gapSize, pipeWidth, canvas.height - (pipe.y + gapSize));
            }

context.fillStyle = "#000";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);
        }

function endGame() {
            isGameOver = true;
            alert("Game Over! Score: " + score);
        }

function jump() {
            bird.speed = -bird.jumpForce;
        }

function spawnPipe() {
            var pipe = {
                x: canvas.width,
                y: Math.floor(Math.random() * (canvas.height - gapSize))
            };

pipes.push(pipe);
        }

document.addEventListener("keydown", function(event) {
            if (event.keyCode === 32 || event.keyCode === 38) {
                // Spacebar or up arrow key for jump
                jump();
            }
        });

spawnPipe(); // Initial pipe
        update(); // Start game loop
    </script>
</body>
</html>
```

Please note that this implementation is a simplified version of the original Flappy Bird game and may not have all the features or graphical fidelity of the official game.