Birds competing for food in a nest's game

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

No:7878

137

←

Prev Next

→

Birds competing for food in a nest
Developer User4092｜Date and time 23/7/10 8:32:18
Build time 12.397 sec｜Game capacity 3.235KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Vogels die strijden om voedsel in een nest</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="400"></canvas>

// Vogelklasse
        class Bird {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.speedX = Math.random() * 3 + 1; // Willekeurige horizontale snelheid
                this.speedY = Math.random() * 3 + 1; // Willekeurige verticale snelheid
            }

update() {
                // Beweeg de vogel
                this.x += this.speedX;
                this.y += this.speedY;

// Controleer of de vogel de canvasgrenzen bereikt
                if (this.x < 0 || this.x > canvas.width - 20) {
                    this.speedX *= -1; // Omkeren van de horizontale snelheid
                }
                if (this.y < 0 || this.y > canvas.height - 20) {
                    this.speedY *= -1; // Omkeren van de verticale snelheid
                }
            }

draw() {
                // Teken de vogel als een pictogram (bijv. ☺)
                context.font = "20px Arial";
                context.fillText("☺", this.x, this.y);
            }
        }

// Voedselklasse
        class Food {
            constructor() {
                this.x = Math.random() * (canvas.width - 20);
                this.y = Math.random() * (canvas.height - 20);
            }

draw() {
                // Teken het voedsel als een pictogram (bijv. ★)
                context.font = "20px Arial";
                context.fillText("★", this.x, this.y);
            }
        }

// Spelinitalisatie
        function startGame() {
            // Maak een canvas en context
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

// Creëer vogels en voedsel
            bird1 = new Bird(50, 50);
            bird2 = new Bird(200, 200);
            food = new Food();

// Start het spel
            setInterval(updateGameArea, 20); // Update het spel elke 20 milliseconden
        }

// Spelupdate
        function updateGameArea() {
            // Wis het canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update en teken de vogels en voedsel
            bird1.update();
            bird2.update();
            bird1.draw();
            bird2.draw();
            food.draw();

// Controleer of de vogels het voedsel bereiken
            if (bird1.x >= food.x && bird1.x <= food.x + 20 && bird1.y >= food.y && bird1.y <= food.y + 20) {
                alert("Vogel 1 heeft het voedsel bereikt!");
            }
            if (bird2.x >= food.x && bird2.x <= food.x + 20 && bird2.y >= food.y && bird2.y <= food.y + 20) {
                alert("Vogel 2 heeft het voedsel bereikt!");
            }
        }
    </script>