AI game creator

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

No:17603

←

Prev Next

→

Flappy bird
Developer User7741｜Date and time 23/9/24 3:25:23
Build time 34.727 sec｜Game capacity 4.249KB｜

Script

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

To play the game, you can open the HTML file in a web browser, and the game will start automatically. The player controls the bird by pressing the Spacebar to make it jump and try to navigate through the gaps between the obstacles. The goal is to achieve the highest score possible by passing through as many gaps as possible without hitting the obstacles or the ground.

←

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 in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Bird constants
        const gravity = 0.5;
        const jumpStrength = 10;

// Obstacle constants
        const obstacleWidth = 50;
        const gapSize = 100;
        const minHeight = 50;
        const maxHeight = 300;
        const minGapPosition = 50;
        const maxGapPosition = 250;

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

bird = { x: 50, y: canvas.height / 2, velocity: 0 };
            obstacles = [];
            score = 0;
            isGameOver = false;

document.addEventListener("keydown", jump);

loop();
        }

// Game loop
        function loop() {
            update();
            draw();

if (!isGameOver) {
                requestAnimationFrame(loop);
            }
        }

// Update game state
        function update() {
            bird.velocity += gravity;
            bird.y += bird.velocity;

if (bird.y > canvas.height) {
                gameOver();
            }

obstacles.forEach(obstacle => {
                obstacle.x -= 5;

if (bird.x + 25 > obstacle.x && bird.x - 25 < obstacle.x + obstacleWidth &&
                    (bird.y - 25 < obstacle.y || bird.y + 25 > obstacle.y + gapSize)) {
                    gameOver();
                }

if (obstacle.x + obstacleWidth < 0) {
                    obstacles.shift();
                    score++;
                }
            });

if (obstacles.length === 0 || obstacles[obstacles.length - 1].x < canvas.width - 200) {
                generateObstacle();
            }
        }

// Draw game objects
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "#FF0000";
            ctx.fillRect(bird.x - 25, bird.y - 25, 50, 50);

obstacles.forEach(obstacle => {
                ctx.fillStyle = "#00FF00";
                ctx.fillRect(obstacle.x, 0, obstacleWidth, obstacle.y);
                ctx.fillRect(obstacle.x, obstacle.y + gapSize, obstacleWidth, canvas.height - obstacle.y - gapSize);
            });

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

if (isGameOver) {
                ctx.font = "40px Arial";
                ctx.fillStyle = "#FF0000";
                ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
            }
        }

// Generate a new obstacle
        function generateObstacle() {
            const gapPosition = Math.floor(Math.random() * (maxGapPosition - minGapPosition + 1) + minGapPosition);
            const obstacle = { x: canvas.width, y: gapPosition - maxHeight };

obstacles.push(obstacle);
        }

// Handle jump event
        function jump(e) {
            if (e.code === "Space" && !isGameOver) {
                bird.velocity = -jumpStrength;
            }
        }

// Handle game over
        function gameOver() {
            isGameOver = true;
            document.removeEventListener("keydown", jump);
        }

// Start the game
        init();
    </script>
</body>
</html>
```