AI game creator

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

No:44622

←

Prev Next

→

Make flappy bird
Developer User19434｜Date and time 24/2/18 19:41:23
Build time 7.113 sec｜Game capacity 2.377KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

let bird = {
        x: 50,
        y: canvas.height / 2,
        size: 20,
        speedY: 0,
        gravity: 0.5,
        jump: -8
    }

let pipes = [];
    let pipeInterval = 90;
    let pipeSpeed = 2;
    let score = 0;

document.addEventListener('click', () => {
        bird.speedY = bird.jump;
    });

function drawBird() {
        ctx.fillStyle = 'yellow';
        ctx.fillRect(bird.x, bird.y, bird.size, bird.size);
    }

function drawPipes() {
        if (frames % pipeInterval === 0) {
            let pipeHeight = Math.floor(Math.random() * canvas.height / 2) + 50;
            pipes.push({
                x: canvas.width,
                y: 0,
                height: pipeHeight
            });

pipes.push({
                x: canvas.width,
                y: pipeHeight + 100,
                height: canvas.height - pipeHeight - 100
            });
        }
        pipes.forEach(pipe => {
            pipe.x -= pipeSpeed;
            ctx.fillStyle = 'green';
            ctx.fillRect(pipe.x, pipe.y, 50, pipe.height);
        });
        pipes = pipes.filter(pipe => pipe.x > 0);
    }

function drawScore() {
        ctx.fillStyle = 'black';
        ctx.font = '24px Arial';
        ctx.fillText(`Score: ${score}`, 10, 50);
    }

function checkCollisions() {
        if (bird.y > canvas.height || bird.y < 0) {
            gameOver();
        }

pipes.forEach(pipe => {
            if (bird.x < pipe.x + 50 && bird.x + bird.size > pipe.x && bird.y < pipe.height && bird.y + bird.size > pipe.y) {
                gameOver();
            }
        });
    }

function gameOver() {
        alert(`Game Over! Your score: ${score}`);
        score = 0;
        pipes = [];
        bird.y = canvas.height / 2;
    }

function update() {
        bird.speedY += bird.gravity;
        bird.y += bird.speedY;
        drawBird();
        drawPipes();
        drawScore();
        checkCollisions();
    }

let frames = 0;
    function mainLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        update();
        frames++;
        requestAnimationFrame(mainLoop);
    }

mainLoop();
</script>