Donald duck versus the legendary birds's game

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

No:48569

111

←

Prev Next

→

Donald duck versus the legendary birds
Developer Kason Lucas｜Date and time 24/3/2 14:23:41
Build time 9.227 sec｜Game capacity 2.204KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>

<head>
  <title>Donald Duck vs Legendary Birds</title>
</head>

const donaldDuck = {
      x: 50,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      speed: 5
    };

const legendaryBirds = [
      { x: canvas.width - 100, y: 50, width: 50, height: 50, speed: 3 },
      { x: canvas.width - 100, y: canvas.height - 100, width: 50, height: 50, speed: 3 },
      { x: canvas.width - 100, y: canvas.height / 2, width: 50, height: 50, speed: 3 }
    ];

function drawDonaldDuck() {
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(donaldDuck.x, donaldDuck.y, donaldDuck.width, donaldDuck.height);
    }

function drawLegendaryBirds() {
      ctx.fillStyle = "#0000FF";
      legendaryBirds.forEach(bird => {
        ctx.fillRect(bird.x, bird.y, bird.width, bird.height);
      });
    }

function moveLegendaryBirds() {
      legendaryBirds.forEach(bird => {
        bird.x -= bird.speed;
        if (bird.x <= 0) {
          bird.x = canvas.width - 100;
        }
      });
    }

function updateCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawDonaldDuck();
      drawLegendaryBirds();
      moveLegendaryBirds();
      checkCollision();
    }

function moveDonaldDuck(e) {
      switch (e.keyCode) {
        case 38: // Up arrow key
          donaldDuck.y -= donaldDuck.speed;
          break;
        case 40: // Down arrow key
          donaldDuck.y += donaldDuck.speed;
          break;
      }
    }

document.addEventListener("keydown", moveDonaldDuck);

setInterval(updateCanvas, 50); // 20 FPS
  </script>
</body>

</html>