AI game creator

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

No:20369

←

Prev Next

→

Flappy bird
Developer User9021｜Date and time 23/10/9 8:04:28
Build time 13.779 sec｜Game capacity 4.154KB｜

Script

Sure! Here's an example of a simple Flappy Bird game implemented as a single HTML file using JavaScript:

This code sets up a simple Flappy Bird game where you control a bird by pressing any key or tapping on the screen to make it jump. The goal is to avoid colliding with the green obstacles and keep the bird flying as long as possible. The score increases every time an obstacle passes. The game ends when the bird collides with an obstacle or goes off-screen.

←

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 Flappy Bird game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <script>
        // Define constants
        const CANVAS_WIDTH = 400;
        const CANVAS_HEIGHT = 600;
        const GRAVITY = 0.5;
        const JUMP_FORCE = 7;
        const OBSTACLE_WIDTH = 80;
        const OBSTACLE_SPEED = 2;

// Initialize variables
        let canvas, ctx;
        let bird, obstacles;
        let score, isGameOver;

// Game setup
        function setup() {
            canvas = document.createElement('canvas');
            canvas.width = CANVAS_WIDTH;
            canvas.height = CANVAS_HEIGHT;
            ctx = canvas.getContext('2d');
            document.body.appendChild(canvas);

bird = {
                x: 80,
                y: canvas.height / 2,
                width: 40,
                height: 40,
                velocity: 0
            };

obstacles = [];
            score = 0;
            isGameOver = false;

document.addEventListener('keydown', handleKeyPress);
            canvas.addEventListener('click', handleKeyPress);

requestAnimationFrame(update);
        }

// Update game state
        function update() {
            if (isGameOver) {
                return;
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update bird
            bird.velocity += GRAVITY;
            bird.y += bird.velocity;
            if (bird.y < 0 || bird.y + bird.height > canvas.height) {
                gameOver();
            }

// Update obstacles
            for (let i = obstacles.length - 1; i >= 0; i--) {
                let obstacle = obstacles[i];
                obstacle.x -= OBSTACLE_SPEED;

// Check collision
                if (bird.x < obstacle.x + OBSTACLE_WIDTH &&
                    bird.x + bird.width > obstacle.x &&
                    (bird.y < obstacle.y + obstacle.height ||
                    bird.y + bird.height > obstacle.y + obstacle.height + 80)) {
                    gameOver();
                    break;
                }

// Remove off-screen obstacles
                if (obstacle.x + OBSTACLE_WIDTH < 0) {
                    obstacles.splice(i, 1);
                    score++;
                }
            }

// Draw bird
            drawBird();

// Draw obstacles
            drawObstacles();

// Draw score
            ctx.fillText(`Score: ${score}`, 10, 50);

requestAnimationFrame(update);
        }

// Draw bird
        function drawBird() {
            ctx.fillStyle = 'yellow';
            ctx.fillRect(bird.x, bird.y, bird.width, bird.height);
        }

// Draw obstacles
        function drawObstacles() {
            ctx.fillStyle = 'green';
            for (let obstacle of obstacles) {
                ctx.fillRect(obstacle.x, obstacle.y, OBSTACLE_WIDTH, obstacle.height);
                ctx.fillRect(obstacle.x, obstacle.y + obstacle.height + 80, OBSTACLE_WIDTH, canvas.height);
            }
        }

// Handle key press (or touch)
        function handleKeyPress() {
            bird.velocity = -JUMP_FORCE;
        }

// Game over
        function gameOver() {
            isGameOver = true;
            ctx.fillStyle = 'red';
            ctx.fillText('Game Over', canvas.width / 2 - 50, canvas.height / 2);
            ctx.fillText(`Score: ${score}`, canvas.width / 2 - 30, canvas.height / 2 + 40);
        }

// Start the game
        window.onload = setup;
    </script>
</body>
</html>
```

This code sets up a simple Flappy Bird game where you control a bird by pressing any key or tapping on the screen to make it jump. The goal is to avoid colliding with the green obstacles and keep the bird flying as long as possible. The score increases every time an obstacle passes. The game ends when the bird collides with an obstacle or goes off-screen.