AI game creator

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

No:25055

←

Prev Next

→

Flappy bird
Developer User12143｜Date and time 23/11/16 20:29:58
Build time 79.482 sec｜Game capacity 4.066KB｜

Script

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

This code sets up a basic Flappy Bird game using HTML5 canvas and JavaScript. The game starts automatically when the page is loaded. The player controls the bird by pressing any key to make it fly upwards. The goal is to fly the bird through the gaps between the pipes and earn points for each successful pass. The game is over if the bird collides with the pipes or hits the top or bottom boundaries of the canvas. The player can restart the game by pressing the 'Enter' key. The game uses image assets (bird.png, pipeNorth.png, pipeSouth.png) and audio assets (flapSound.mp3, passSound.mp3) which you need to provide in the same directory as the HTML file. Note: This is a simplified version of Flappy Bird and may lack several features. Feel free to enhance and modify the code according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            background: #f9f9f9;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

const bird = new Image();
        bird.src = "bird.png";

const pipeNorth = new Image();
        pipeNorth.src = "pipeNorth.png";

const pipeSouth = new Image();
        pipeSouth.src = "pipeSouth.png";

const flapSound = new Audio();
        flapSound.src = "flapSound.mp3";

const passSound = new Audio();
        passSound.src = "passSound.mp3";

let birdX = 10;
        let birdY = 150;
        let gravity = 1;
        let score = 0;

const gap = 85;
        const constant = pipeNorth.height + gap;

let pipe = [];
        pipe[0] = {
            x: canvas.width,
            y: 0
        };

document.addEventListener("keydown", moveUp);

function moveUp() {
            flapSound.play();
            birdY -= 25;
        }

function draw() {
            ctx.drawImage(bird, birdX, birdY);

for (let i = 0; i < pipe.length; i++) {
                ctx.drawImage(pipeNorth, pipe[i].x, pipe[i].y);
                ctx.drawImage(pipeSouth, pipe[i].x, pipe[i].y + constant);

pipe[i].x--;

if (pipe[i].x === 125) {
                    pipe.push({
                        x: canvas.width,
                        y: Math.floor(Math.random() * pipeNorth.height) - pipeNorth.height
                    });
                }

if (birdX + bird.width >= pipe[i].x && birdX <= pipe[i].x + pipeNorth.width && 
                    (birdY <= pipe[i].y + pipeNorth.height || birdY + bird.height >= pipe[i].y + constant) || 
                    birdY + bird.height >= canvas.height || birdY + gravity < 0) {
                    gameOver();
                }

if (pipe[i].x === 5) {
                    score++;
                    passSound.play();
                }
            }

birdY += gravity;

ctx.fillStyle = "#000";
            ctx.font = "20px Verdana";
            ctx.fillText("Score: " + score, 10, canvas.height - 20);

requestAnimationFrame(draw);
        }

function startGame() {
            location.reload(); // Refresh the page to start the game
        }

function gameOver() {
            clearInterval(gameLoop);
            ctx.fillStyle = "#000";
            ctx.font = "bold 30px Verdana";
            ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2 - 50);
            ctx.font = "20px Verdana";
            ctx.fillText("Press 'Enter' to restart", canvas.width / 2 - 110, canvas.height / 2 - 10);
        }

let gameLoop = setInterval(draw, 10);

document.addEventListener("keydown", function(event) {
            if (event.keyCode === 13) {
                startGame();
            }
        });
    </script>
</body>
</html>
```

Note: This is a simplified version of Flappy Bird and may lack several features. Feel free to enhance and modify the code according to your requirements.