AI game creator

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

No:20234

←

Prev Next

→

Flappy bird
Developer User8976｜Date and time 23/10/9 0:30:30
Build time 24.519 sec｜Game capacity 4.398KB｜

Script

Sure! Here is a simple implementation of Flappy Bird as a single HTML file using JavaScript:

To make it work as a game, you need to save this code as an HTML file (e.g., `flappy_bird.html`), and make sure to create or find suitable pictogram images for the bird and pipes. Save those images as `emozi_all/game.png` and `emozi_apple.png` in the same directory as the HTML file. To play, simply open the HTML file in a web browser, and you can control the bird's movement by clicking on the screen. The objective is to navigate the bird through the gaps between the pipes without touching them. Your score will increase for each pipe successfully passed. If you collide with a pipe, the game will end and display a "Game Over" message.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here is a simple implementation of Flappy Bird as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            background-color: #70c5ce;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="500"></canvas>

// Pictogram images
        var birdImg = new Image();
        birdImg.src = 'bird.png';
        var pipeImg = new Image();
        pipeImg.src = 'pipe.png';

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

bird = { x: 50, y: canvas.height / 2, width: 40, height: 30 };
            pipes = [{ x: canvas.width, y: 0, width: 80, height: getRandomPipeHeight() }];

score = 0;
            gameover = false;
            gravity = 1;

document.addEventListener('click', jump);

setInterval(update, 20);
        }

// Update game logic
        function update() {
            if (!gameover) {
                // Clear the canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move bird
                bird.y += gravity;

// Draw bird
                ctx.drawImage(birdImg, bird.x, bird.y, bird.width, bird.height);

// Draw pipes
                for (var i = 0; i < pipes.length; i++) {
                    var pipe = pipes[i];
                    ctx.drawImage(pipeImg, pipe.x, pipe.y, pipe.width, pipe.height);
                    pipe.x -= 2;

// Check collision with bird
                    if (isColliding(bird, pipe)) {
                        gameover = true;
                    }

// Check if bird passed pipe
                    if (pipe.x + pipe.width < bird.x && !pipe.passed) {
                        score++;
                        pipe.passed = true;
                    }

// Remove off-screen pipes
                    if (pipe.x + pipe.width < 0) {
                        pipes.splice(i, 1);
                        i--;
                    }
                }

// Add new pipe
                if (pipes[pipes.length - 1].x < canvas.width - 150) {
                    var newPipeHeight = getRandomPipeHeight();
                    pipes.push({ x: canvas.width, y: 0, width: 80, height: newPipeHeight });
                }

// Draw score
                ctx.font = '30px Arial';
                ctx.fillStyle = '#ffffff';
                ctx.fillText('Score: ' + score, 10, 40);
            } else {
                ctx.font = '40px Arial';
                ctx.fillStyle = '#ffffff';
                ctx.fillText('Game Over', canvas.width / 2 - 100, canvas.height / 2);
            }
        }

// Bird jump
        function jump() {
            if (!gameover) {
                bird.y -= 30;
            }
        }

// Check collision between bird and pipe
        function isColliding(bird, pipe) {
            return bird.x + bird.width > pipe.x &&
                   bird.x < pipe.x + pipe.width &&
                   (bird.y < pipe.y || bird.y + bird.height > pipe.y + pipe.height);
        }

// Get random pipe height
        function getRandomPipeHeight() {
            return Math.floor(Math.random() * (canvas.height / 2)) + 50;
        }

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

To play, simply open the HTML file in a web browser, and you can control the bird's movement by clicking on the screen. The objective is to navigate the bird through the gaps between the pipes without touching them. Your score will increase for each pipe successfully passed. If you collide with a pipe, the game will end and display a "Game Over" message.