Flappy bird's game | AI game creator

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

No:52754

3139

Flappy bird
Developer anonymous｜Date and time 70/1/1 9:44:32
Build time unknown sec｜Game capacity 2.672KB｜

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

<script>
    // Flappy Bird Game
    
    let canvas = document.createElement('canvas');
    let ctx = canvas.getContext('2d');
    document.body.appendChild(canvas);
    
    let score = 0;
    let bird = { x: 20, y: 150, width: 20, height: 20, speedY: 0 };
    let gravity = 0.5;
    let obstacleWidth = 20;
    let gap = 100;
    let obstacles = [];
    
    function drawBird() {
        ctx.fillStyle = 'yellow';
        ctx.fillRect(bird.x, bird.y, bird.width, bird.height);
    }
    
    function drawObstacles() {
        ctx.fillStyle = 'green';
        for (let i = 0; i < obstacles.length; i++) {
            ctx.fillRect(obstacles[i].x, 0, obstacleWidth, obstacles[i].height);
            ctx.fillRect(obstacles[i].x, obstacles[i].height + gap, obstacleWidth, canvas.height - obstacles[i].height - gap);
        }
    }
    
    function gameOver() {
        alert('Game Over! Your score: ' + score);
        location.reload();
    }
    
    function update() {
        bird.y += bird.speedY;
        bird.speedY += gravity;
        
        if (bird.y >= canvas.height) {
            gameOver();
        }
        
        for (let i = 0; i < obstacles.length; i++) {
            obstacles[i].x -= 2;
            
            if (obstacles[i].x + obstacleWidth === bird.x) {
                score++;
            }
            
            if (bird.x < obstacles[i].x + obstacleWidth &&
                bird.x + bird.width > obstacles[i].x &&
                (bird.y < obstacles[i].height || bird.y + bird.height > obstacles[i].height + gap)) {
                gameOver();
            }
        }
        
        if (obstacles.length > 0 && obstacles[0].x + obstacleWidth < 0) {
            obstacles.splice(0, 1);
        }
        
        if (bird.y <= 0) {
            bird.y = 0;
        }
        
        if (bird.y + bird.height >= canvas.height) {
            bird.y = canvas.height - bird.height;
        }
        
    }
    
    function render() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        drawBird();
        drawObstacles();
    }
    
    function gameLoop() {
        update();
        render();
        
        requestAnimationFrame(gameLoop);
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === ' ') {
            bird.speedY = -7;
        }
    });
    
    for (let i = 0; i < 2; i++) {
        let obstacle = {
            x: canvas.width + obstacleWidth * 2 * i,
            height: Math.random() * (canvas.height - gap)
        };
        obstacles.push(obstacle);
    }
    
    canvas.width = 300;
    canvas.height = 400;
    
    gameLoop();
</script>