AI game creator

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

No:20109

←

Prev Next

→

Flappy bird
Developer User8809｜Date and time 23/10/8 10:05:05
Build time 14.515 sec｜Game capacity 3.964KB｜

Script

Sure, here's an example of a Flappy Bird game implemented as a single HTML file using JavaScript and enclosed in script tags:

This is a basic implementation of Flappy Bird that you can play on a smartphone. The bird is controlled by tapping the screen to make it jump. The objective is to navigate the bird through the gaps between the pipes and avoid collision. The game ends when the bird hits the ground or collides with a pipe. Your score is displayed at the top left corner of the game canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, here's an example of a Flappy Bird game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Game variables
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var bird = { x: 50, y: canvas.height / 2, width: 50, height: 35 };
        var gravity = 1.5;
        var jumpStrength = 25;
        var pipes = [];
        var score = 0;
        var gameInterval;

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

// Start the game
        startGame();

function startGame() {
            gameInterval = setInterval(updateGame, 20);
            generatePipes();
        }

function updateGame() {
            clearCanvas();
            moveBird();
            movePipes();
            checkCollision();
            drawBird();
            drawPipes();
            drawScore();
        }

function clearCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
        }

function moveBird() {
            bird.y += gravity;
        }

function jump(event) {
            if (event.keyCode === 32) { // Spacebar key
                bird.y -= jumpStrength;
            }
        }

function generatePipes() {
            pipes.push({ x: canvas.width, y: 0, width: 70, height: Math.floor(Math.random() * (canvas.height - 200)) });
            pipes.push({ x: canvas.width, y: pipes[pipes.length - 1].height + 200, width: 70, height: canvas.height });
        }

function checkCollision() {
            if (bird.y + bird.height >= canvas.height || bird.y <= 0) {
                endGame();
            }

for (var i = 0; i < pipes.length; i++) {
                if (bird.x + bird.width >= pipes[i].x && bird.x <= pipes[i].x + pipes[i].width &&
                    (bird.y <= pipes[i].height || bird.y + bird.height >= pipes[i].y)) {
                    endGame();
                }
            }
        }

function endGame() {
            clearInterval(gameInterval);
            alert("Game Over! Your Score: " + score);
            location.reload();
        }

function drawBird() {
            context.fillStyle = "#FF0000";
            context.fillRect(bird.x, bird.y, bird.width, bird.height);
        }

function drawPipes() {
            for (var i = 0; i < pipes.length; i++) {
                context.fillStyle = "#008000";
                context.fillRect(pipes[i].x, pipes[i].y, pipes[i].width, pipes[i].height);
            }
        }

function drawScore() {
            context.font = "24px Arial";
            context.fillText("Score: " + score, 10, 30);
        }
    </script>
</body>
</html>
```