AI game creator

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

No:20232

←

Prev Next

→

Flappy bird
Developer User8996｜Date and time 23/10/8 23:42:52
Build time 22.899 sec｜Game capacity 3.83KB｜

Script

Sure! Here's an example of a simple implementation of the Flappy Bird game using JavaScript and HTML:

This implementation creates a simple version of the Flappy Bird game using JavaScript and HTML. The game is controlled by pressing the spacebar to make the bird jump, and the objective is to navigate the bird through gaps in the green pipes without colliding with them. The score is displayed at the top left corner of the canvas. Please note that this is a simplified version of the game and may not have all the features or complexities of the original Flappy Bird game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple implementation of the Flappy Bird game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
<style>
    canvas {
        border: 1px solid #000;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="game" width="400" height="400"></canvas>

// Bird object
    function Bird() {
        this.x = 50;
        this.y = canvas.height / 2;
        this.gravity = 0.6;
        this.velocity = 0;
    
        this.update = function() {
            this.velocity += this.gravity;
            this.y += this.velocity;
            this.draw();
        };
    
        this.jump = function() {
            this.velocity = -10;
        };
    
        this.draw = function() {
            context.fillStyle = "yellow";
            context.fillRect(this.x, this.y, 30, 20);
        };
    }

// Pipe object
    function Pipe() {
        this.x = canvas.width;
        this.y = Math.floor(Math.random() * (canvas.height - 200)) + 100;
        this.width = 80;
        this.height = canvas.height - this.y;

this.update = function() {
            this.x -= 2;
            this.draw();
        };

this.draw = function() {
            context.fillStyle = "green";
            context.fillRect(this.x, 0, this.width, this.y);
            context.fillRect(this.x, this.y + this.height, this.width, canvas.height - this.y - this.height);
        };

this.isColliding = function(bird) {
            if (bird.y < this.y || bird.y + 20 > this.y + this.height) {
                if (bird.x + 30 > this.x && bird.x < this.x + this.width) {
                    return true;
                }
            }
            return false;
        };
    }

// Game loop
    function gameLoop() {
        if (gameOver) {
            return;
        }
    
        // Clear canvas
        context.clearRect(0, 0, canvas.width, canvas.height);
    
        // Update and draw bird
        bird.update();
    
        // Create new pipe every 100 frames
        if (frameCount % 100 === 0) {
            pipes.push(new Pipe());
        }
    
        // Update and draw pipes, and check collision
        for (var i = pipes.length - 1; i >= 0; i--) {
            pipes[i].update();
    
            if (pipes[i].isColliding(bird)) {
                gameOver = true;
            }
    
            // Remove pipe when offscreen
            if (pipes[i].x + pipes[i].width < 0) {
                pipes.splice(i, 1);
                score++;
            }
        }
    
        // Draw score
        context.fillStyle = "#000";
        context.font = "24px Arial";
        context.fillText("Score: " + score, 10, 30);

// Increase frame count
        frameCount++;
    
        // Repeat game loop
        requestAnimationFrame(gameLoop);
    }

// Event listener for space key press to make the bird jump
    document.addEventListener("keydown", function(event) {
        if (event.keyCode === 32) {
            bird.jump();
        }
    });

// Start game
    var frameCount = 0;
    bird = new Bird();
    gameLoop();
</script>
</body>
</html>
```

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