Flappy bird's game | AI game creator

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

No:47758

73

Flappy bird
Developer User20538｜Date and time 24/2/29 13:10:41
Build time 7.806 sec｜Game capacity 2.424KB｜

→ 　

1　

1　

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

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

(C)2023 HisashiApp

<script>
    let canvas;
    let ctx;
    let bird;
    let pipes = [];
    let gravity = 0.5;
    let gameOver = false;
    let score = 0;
    
    function init() {
        canvas = document.createElement('canvas');
        canvas.width = 400;
        canvas.height = 600;
        ctx = canvas.getContext('2d');
        document.body.appendChild(canvas);
        
        bird = { x: canvas.width/2, y: canvas.height/2, vy: 0 };
        
        canvas.addEventListener('click', () => bird.vy = -8);
        
        setInterval(() => {
            if (!gameOver) {
                update();
                draw();
            }
        }, 1000/30);
    }
    
    function update() {
        bird.vy += gravity;
        bird.y += bird.vy;
        
        if (bird.y < 0 || bird.y > canvas.height) {
            gameOver = true;
        }
        
        if (pipes.length === 0 || pipes[pipes.length-1].x < canvas.width-200) {
            let randomHeight = Math.random() * (canvas.height - 200) + 100;
            pipes.push({ x: canvas.width + 40, height: randomHeight });
        }
        
        pipes.forEach(pipe => {
            pipe.x -= 4;
            
            if (bird.x > pipe.x && bird.x < pipe.x + 50) {
                if (bird.y < pipe.height || bird.y > pipe.height + 140) {
                    gameOver = true;
                } else {
                    score++;
                }
            }
            
            if (pipe.x < -50) {
                pipes.splice(pipes.indexOf(pipe), 1);
            }
        });
    }
    
    function draw() {
        ctx.fillStyle = '#87CEEB';
        ctx.fillRect(0, 0, canvas.width, canvas.height);
        
        ctx.fillStyle = '#00FF00';
        ctx.fillRect(bird.x, bird.y, 30, 30);
        
        pipes.forEach(pipe => {
            ctx.fillStyle = '#FF4500';
            ctx.fillRect(pipe.x, 0, 50, pipe.height);
            ctx.fillRect(pipe.x, pipe.height + 140, 50, canvas.height - pipe.height - 140);
        });
        
        ctx.fillStyle = '#000000';
        ctx.font = '24px Arial';
        ctx.fillText(`Score: ${score}`, 10, 30);
        
        if (gameOver) {
            ctx.fillStyle = '#FF0000';
            ctx.font = '48px Arial';
            ctx.fillText('GAME OVER', 100, canvas.height/2);
        }
    }
    
    init();
</script>