AI game creator

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

No:39521

←

Prev Next

→

Flappy bird
Developer User17673｜Date and time 24/1/28 19:23:52
Build time 15.531 sec｜Game capacity 3.61KB｜

Script

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

To play the game, open the HTML file in a web browser. The game starts automatically and you can control the bird by pressing the Space key on your keyboard to make it jump. The goal is to navigate the bird through the pipes without hitting them or the ground. Your score increases with each successfully passed pipe. If the bird hits a pipe or the ground, the game ends and your final score is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="game" width="400" height="400"></canvas>
    <script>
        // Game variables
        const canvas = document.getElementById("game");
        const ctx = canvas.getContext("2d");
        const bird = {x: 50, y: 150, speed: 2, gravity: 0.2, jump: 5};
        let pipes = [];
        let score = 0;
        let gameInterval = null;

// Event listeners
        document.addEventListener("keydown", jump);

// Game functions
        function startGame() {
            score = 0;
            bird.y = 150;
            bird.speed = 2;
            bird.gravity = 0.2;
            bird.jump = 5;
            pipes = [];
            gameInterval = setInterval(updateGame, 20);
        }

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

// Draw bird
            ctx.fillStyle = "#f00";
            ctx.fillRect(bird.x, bird.y, 20, 20);

// Update bird position
            bird.speed += bird.gravity;
            bird.y += bird.speed;

// Draw pipes
            ctx.fillStyle = "#0f0";
            for (let i = 0; i < pipes.length; i++) {
                const pipe = pipes[i];
                ctx.fillRect(pipe.x, 0, pipe.width, pipe.height);
                ctx.fillRect(pipe.x, pipe.height + 150, pipe.width, canvas.height - pipe.height - 150);
                pipe.x -= 2;

// Check collision with bird
                if (bird.x < pipe.x + pipe.width && bird.x + 20 > pipe.x && (bird.y < pipe.height || bird.y + 20 > pipe.height + 150)) {
                    gameOver();
                    return;
                }

// Increment score
                if (pipe.x == bird.x) {
                    score++;
                }
            }

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

// Generate new pipe
            if (frames % 100 == 0) {
                const pipe = {x: canvas.width, height: Math.floor(Math.random() * 200) + 50, width: 50};
                pipes.push(pipe);
            }

// Check collision with ground
            if (bird.y + 20 > canvas.height) {
                gameOver();
                return;
            }
        }

function gameOver() {
            clearInterval(gameInterval);
            ctx.fillStyle = "#000";
            ctx.font = "30px Arial";
            ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2 - 15);
            ctx.fillText("Score: " + score, canvas.width / 2 - 65, canvas.height / 2 + 15);
        }

function jump(event) {
            if (event.keyCode === 32) { // Space key
                bird.speed -= bird.jump;
            }
        }

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