AI game creator

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

No:17499

138

←

Prev Next

→

Flappy bird
Developer User7690｜Date and time 23/9/23 14:28:14
Build time 24.107 sec｜Game capacity 3.259KB｜

Script

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

To play the game, you can copy and paste the above code into a new HTML file, save it with a `.html` extension, and open it in a web browser. Then, click anywhere on the screen to make the bird jump and avoid hitting the obstacles. The game will keep track of your score and display it on the screen.

←

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 and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <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>

var birdX = 50;
            var birdY = canvas.height / 2;
            var birdDY = 0;
            var gravity = 0.5;
            var jumpPower = 8;

var obstacleWidth = 50;
            var obstacleHeight = 150;
            var obstacleGap = 200;
            var obstacleX = canvas.width;
            var obstacleY = 0;
            var obstacleDX = 5;

var score = 0;

function update() {
                birdDY += gravity;
                birdY += birdDY;

if (birdY >= canvas.height) {
                    gameOver();
                }

obstacleX -= obstacleDX;

if (obstacleX + obstacleWidth < 0) {
                    obstacleX = canvas.width;
                    score++;
                }

if (birdX + 30 > obstacleX && birdX < obstacleX + obstacleWidth &&
                    (birdY < obstacleY + obstacleHeight || birdY + 30 > obstacleY + obstacleHeight + obstacleGap)) {
                    gameOver();
                }

draw();
            }

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

context.fillStyle = "#00FF00";
                context.fillRect(birdX, birdY, 30, 30);

context.fillStyle = "#FF0000";
                context.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);

context.fillRect(obstacleX, obstacleY + obstacleHeight + obstacleGap, obstacleWidth, canvas.height - obstacleY - obstacleHeight - obstacleGap);

context.fillStyle = "#000";
                context.font = "24px Arial";
                context.fillText("Score: " + score, 10, 30);
            }

function jump() {
                birdDY = -jumpPower;
            }

function gameOver() {
                alert("Game Over! Score: " + score);
                resetGame();
            }

function resetGame() {
                birdX = 50;
                birdY = canvas.height / 2;
                birdDY = 0;

obstacleX = canvas.width;
                obstacleY = 0;

score = 0;
            }

document.addEventListener("click", jump);
            setInterval(update, 20);
        })();
    </script>
</body>
</html>
```