AI game creator

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

No:44525

165

←

Prev Next

→

Flappy bird
Developer User19404｜Date and time 24/2/18 7:23:33
Build time 5.912 sec｜Game capacity 1.89KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flappy Bird Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

// Game variables
        let birdX = 50;
        let birdY = 150;
        let gravity = 0.5;
        let speed = 0;
        let obstacle = 300;
        let score = 0;

// Game loop
        function gameLoop() {
            speed += gravity;
            birdY += speed;

// Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw bird
            ctx.fillStyle = 'yellow';
            ctx.fillRect(birdX, birdY, 20, 20);

// Draw obstacle
            obstacle -= 2;
            if (obstacle < -20) {
                obstacle = 320;
                score++;
            }
            ctx.fillStyle = 'green';
            ctx.fillRect(obstacle, 0, 20, 150);
            ctx.fillRect(obstacle, 330, 20, 150);

// Check collision
            if (birdY < 0 || birdY > 460 || (birdX < obstacle + 20 && birdX + 20 > obstacle && (birdY < 150 || birdY > 330))) {
                alert('Game over! Your score is: ' + score);
                birdX = 50;
                birdY = 150;
                speed = 0;
                obstacle = 300;
                score = 0;
            }

// Draw score
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 30);

requestAnimationFrame(gameLoop);
        }

document.addEventListener('click', () => {
            speed = -8;
        });

gameLoop();
    </script>
</body>
</html>