AI game creator

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

No:52900

255

←

Prev Next

→

Flappy bird
Developer User9288｜Date and time 24/3/26 18:51:40
Build time 12.578 sec｜Game capacity 2.694KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let birdX = 50;
        let birdY = 300;
        let gravity = 0.5;
        let velocity = 0;
        let jumpStrength = -10;
        let obstacleX = 800;
        let obstacleWidth = 50;
        let gapHeight = 200;
        let gapY = Math.floor(Math.random() * (canvas.height - gapHeight));
        let score = 0;
        
        function drawBird() {
            ctx.fillStyle = 'yellow';
            ctx.fillRect(birdX, birdY, 50, 50);
        }
        
        function drawObstacle() {
            ctx.fillStyle = 'green';
            ctx.fillRect(obstacleX, 0, obstacleWidth, gapY);
            ctx.fillRect(obstacleX, gapY + gapHeight, obstacleWidth, canvas.height - (gapY + gapHeight));
        }
        
        function drawScore() {
            ctx.fillStyle = 'black';
            ctx.font = "30px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }
        
        function update() {
            velocity += gravity;
            birdY += velocity;
            obstacleX -= 5;
            
            if(obstacleX <= -obstacleWidth) {
                obstacleX = canvas.width;
                gapY = Math.floor(Math.random() * (canvas.height - gapHeight));
                score++;
            }
            
            if(isBirdColliding() || birdY > canvas.height) {
                alert("Game Over! Your score was: " + score);
                location.reload();
            }
        }
        
        function isBirdColliding() {
            if(birdX + 50 >= obstacleX && birdX <= obstacleX + obstacleWidth) {
                if(birdY <= gapY || birdY + 50 >= gapY + gapHeight) {
                    return true;
                }
            }
            return false;
        }
        
        function jump() {
            velocity = jumpStrength;
        }
        
        window.addEventListener('keydown', function(event) {
            if(event.code === 'Space') {
                jump();
            }
        });
        
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            drawBird();
            drawObstacle();
            drawScore();
            update();
            
            requestAnimationFrame(gameLoop);
        }
        
        gameLoop();
    </script>
</body>
</html>
```