Dodge Donald duck to win's game

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

No:49170

147

←

Prev Next

→

Dodge Donald duck to win
Developer Kason Lucas｜Date and time 24/3/4 2:03:39
Build time 9.096 sec｜Game capacity 1.976KB｜

Script

This is a simple "Duck Dodge" game where you need to move the blue player block using the left and right arrow keys to avoid the yellow duck block moving from the top to the bottom of the canvas. If the player block collides with the duck block, you lose and a message pops up saying "You lost! Dodge Donald Duck to win." To win the game, you need to dodge the duck successfully.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Duck Dodge Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 200;
    let playerY = 380;
    let duckX = Math.floor(Math.random() * 400);
    let duckY = 0;
    
    function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(playerX, playerY, 20, 20);
    }
    
    function drawDuck() {
      ctx.fillStyle = 'yellow';
      ctx.fillRect(duckX, duckY, 20, 20);
    }
    
    function moveDuck() {
      duckY += 5;
      if (duckY > 400) {
        duckX = Math.floor(Math.random() * 400);
        duckY = 0;
      }
    }
    
    function checkCollision() {
      if (playerX < duckX + 20 && playerX + 20 > duckX && playerY < duckY + 20 && playerY + 20 > duckY) {
        alert("You lost! Dodge Donald Duck to win.");
        playerX = 200;
        playerY = 380;
        duckX = Math.floor(Math.random() * 400);
        duckY = 0;
      }
    }
    
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      drawPlayer();
      drawDuck();
      
      moveDuck();
      checkCollision();
      
      requestAnimationFrame(draw);
    }
    
    document.addEventListener('keydown', (event) => {
      if (event.key === 'ArrowLeft' && playerX > 0) {
        playerX -= 10;
      }
      if (event.key === 'ArrowRight' && playerX < 380) {
        playerX += 10;
      }
    });
    
    draw();
  </script>
</body>
</html>
```
This is a simple "Duck Dodge" game where you need to move the blue player block using the left and right arrow keys to avoid the yellow duck block moving from the top to the bottom of the canvas. If the player block collides with the duck block, you lose and a message pops up saying "You lost! Dodge Donald Duck to win." To win the game, you need to dodge the duck successfully.