AI game creator

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

No:24931

←

Prev Next

→

Flappy bird
Developer User12027｜Date and time 23/11/15 1:28:23
Build time 114.042 sec｜Game capacity 4.36KB｜

Script

Als Programmierer werde ich versuchen, ein einfaches Flappy Bird-Spiel zu erstellen, das in einer einzigen HTML-Datei implementiert ist und JavaScript verwendet. Bitte beachte, dass dies eine vereinfachte Version des Spiels sein wird.

Dies ist eine einfache Implementierung des Flappy Bird-Spiels mit JavaScript. Die Spiellogik enthält ein Vogelobjekt, Rohrobjekte, eine Punktzahl und die Schwerkraft. Der Spieler kann auf den Bildschirm klicken, um den Vogel springen zu lassen und muss Hindernissen ausweichen, die auf ihn zukommen. Das Spiel endet, wenn der Vogel ein Hindernis berührt oder den Boden erreicht. Bitte beachte, dass dies eine vereinfachte Version des Spiels ist und nicht alle Funktionen und Details des ursprünglichen Flappy Bird-Spiels enthält.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Bird Objekt
        function Bird(x, y, radius) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.velocity = 0;

this.update = function() {
                this.velocity += gravity;
                this.y += this.velocity;
                this.draw();
            };

this.draw = function() {
                context.beginPath();
                context.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
                context.fillStyle = "#FF0000";
                context.fill();
                context.closePath();
            };

this.jump = function() {
                this.velocity = -10;
            };
        }

// Pipe Objekt
        function Pipe(x, height) {
            this.x = x;
            this.y = 0;
            this.width = 80;
            this.height = height;
            this.speed = 1;

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

this.draw = function() {
                context.fillStyle = "#008000";
                context.fillRect(this.x, this.y, this.width, this.height);
            };
        }

// Spielinitialisierung
        function init() {
            bird = new Bird(50, canvas.height / 2, 20);
            pipes = [];
            score = 0;
            gravity = 0.5;
            document.addEventListener("click", function() {
                bird.jump();
            });
            setInterval(gameLoop, 20);
        }

// Spielhauptschleife
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

bird.update();

if (frames % 100 === 0) {
                var pipeHeight = Math.random() * canvas.height / 2 + 50;
                pipes.push(new Pipe(canvas.width, pipeHeight));
            }

for (var i = 0; i < pipes.length; i++) {
                var pipe = pipes[i];
                pipe.update();

if (pipe.x + pipe.width < 0) {
                    pipes.splice(i, 1);
                }

if (bird.x + bird.radius > pipe.x && bird.x - bird.radius < pipe.x + pipe.width &&
                    (bird.y - bird.radius < pipe.height || bird.y + bird.radius > pipe.height + 100)) {
                    // Kollisionserkennung mit den Rohren
                    gameEnd();
                }

if (pipe.x + pipe.width === bird.x - bird.radius) {
                    // Punkterhöhung, wenn ein Rohr passiert wurde
                    score++;
                }
            }

context.font = "18px Arial";
            context.fillText("Score: " + score, 10, 20);

if (bird.y + bird.radius > canvas.height) {
                // Kollisionserkennung mit dem Boden
                gameEnd();
            }
        }

// Spielende
        function gameEnd() {
            alert("Spiel vorbei! Dein Score: " + score);
            init();
        }

// Spielstart
        init();
    </script>
</body>
</html>
```

Bitte beachte, dass dies eine vereinfachte Version des Spiels ist und nicht alle Funktionen und Details des ursprünglichen Flappy Bird-Spiels enthält.