AI game creator

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

No:43360

←

Prev Next

→

Flappy bird 2
Developer User19162｜Date and time 24/2/15 8:56:15
Build time 11.275 sec｜Game capacity 3.882KB｜

Script

Sure! Here's an example of a simple implementation for Flappy Bird 2 as a single HTML file using JavaScript:

To play the game, you will need to open the HTML file in a web browser, and then you can control the flappy bird by pressing the spacebar key to make it flap. The objective is to avoid colliding with the green obstacles and try to get the highest score possible. Once the game is over, a "Game Over" message will be displayed on the 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 implementation for Flappy Bird 2 as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird 2</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Bird object
        function Bird() {
            this.x = 80;
            this.y = canvas.height / 2;
            this.gravity = 0.5;
            this.velocity = 0;

this.flap = function() {
                this.velocity -= 10;
            }

this.update = function() {
                this.velocity += this.gravity;
                this.y += this.velocity;
            }

this.draw = function() {
                ctx.fillStyle = "#f00";
                ctx.fillRect(this.x, this.y, 20, 20);
            }
        }

// Obstacle object
        function Obstacle() {
            this.x = canvas.width;
            this.y = Math.random() * (canvas.height - 100) + 50;

this.update = function() {
                this.x -= 5;
            }

this.draw = function() {
                ctx.fillStyle = "#0f0";
                ctx.fillRect(this.x, 0, 20, this.y);
                ctx.fillRect(this.x, this.y + 100, 20, canvas.height - this.y - 100);
            }
        }

// Game initialization
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

bird = new Bird();
            obstacles = [];
            gameInterval = setInterval(updateGameArea, 20);

document.addEventListener("keypress", function(event) {
                if (event.keyCode === 32) { // Spacebar key
                    bird.flap();
                }
            });
        }

// Game update
        function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

bird.update();
            bird.draw();

for (var i = 0; i < obstacles.length; i++) {
                if (bird.x < obstacles[i].x + 20 && bird.x + 20 > obstacles[i].x && (bird.y < obstacles[i].y || bird.y + 20 > obstacles[i].y + 100)) {
                    gameOver();
                    return;
                }

if (obstacles[i].x === 80) {
                    score++;
                }

obstacles[i].update();
                obstacles[i].draw();
            }

if (bird.y < 0 || bird.y + 20 > canvas.height) {
                gameOver();
                return;
            }

if (obstacles.length > 0 && obstacles[0].x < -20) {
                obstacles.shift();
            }

if (obstacles.length < 4 && obstacles[obstacles.length - 1].x < canvas.width - 300) {
                obstacles.push(new Obstacle());
            }

ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 20, 30);
        }

// Game over
        function gameOver() {
            clearInterval(gameInterval);
            isGameOver = true;

ctx.font = "40px Arial";
            ctx.fillStyle = "#000";
            ctx.fillText("Game Over", 120, 150);
        }

startGame();
    </script>
</body>
</html>
```