AI game creator

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

No:46014

←

Prev Next

→

Flappy bird
Developer User19828｜Date and time 24/2/22 19:57:09
Build time 10.558 sec｜Game capacity 3.156KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

class Bird {
        constructor() {
            this.x = 50;
            this.y = canvas.height / 2;
            this.width = 50;
            this.height = 50;
            this.velocity = 0;
        }

draw() {
            ctx.fillStyle = "yellow";
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }

update() {
            this.velocity += 1.5;
            this.y += this.velocity;
        }

flap() {
            this.velocity = -20;
        }
    }

class Obstacle {
        constructor() {
            this.x = canvas.width;
            this.gap = 200;
            this.topHeight = Math.random() * (canvas.height - this.gap - 50);
            this.bottomHeight = canvas.height - this.topHeight - this.gap;
            this.width = 50;
            this.speed = 5;
        }

draw() {
            ctx.fillStyle = "green";
            ctx.fillRect(this.x, 0, this.width, this.topHeight);
            ctx.fillRect(this.x, canvas.height - this.bottomHeight, this.width, this.bottomHeight);
        }

update() {
            this.x -= this.speed;
        }
    }

function startGame() {
        canvas = document.createElement("canvas");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        document.body.appendChild(canvas);
        ctx = canvas.getContext("2d");

bird = new Bird();

setInterval(() => {
            ctx.fillStyle = "skyblue";
            ctx.fillRect(0, 0, canvas.width, canvas.height);

bird.draw();
            bird.update();

if (!gameover) {
                obstacles.forEach(obstacle => {
                    obstacle.draw();
                    obstacle.update();

if (
                        bird.x < obstacle.x + obstacle.width &&
                        bird.x + bird.width > obstacle.x &&
                        (bird.y < obstacle.topHeight || bird.y + bird.height > canvas.height - obstacle.bottomHeight)
                     ) {
                        gameover = true;
                    }

if (bird.x == obstacle.x + 50) {
                        score++;
                    }
                });
            }

if (bird.y > canvas.height || bird.y < 0) {
                gameover = true;
            }

if (gameover) {
                ctx.fillStyle = "black";
                ctx.font = "30px Arial";
                ctx.fillText("Game Over", canvas.width / 2 - 70, canvas.height / 2 - 15);
                ctx.fillText("Score: " + score, canvas.width / 2 - 50, canvas.height / 2 + 15);
            }

}, 1000 / 60);

document.addEventListener("keydown", (event) => {
            if (event.key === " " || event.key === "ArrowUp") {
                bird.flap();
            }
        });

setInterval(() => {
            if (!gameover) {
                obstacles.push(new Obstacle());
            }
        }, 2000);
    }

startGame();
</script>