Donald duck looking for a Pokemon's game

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

No:48560

122

←

Prev Next

→

Donald duck looking for a Pokemon
Developer Kason Lucas｜Date and time 24/3/2 12:59:45
Build time 6.214 sec｜Game capacity 1.695KB｜

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's Pokemon Adventure</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

let donaldX = 50;
    let donaldY = 50;

let pokemonX = 200;
    let pokemonY = 200;

function drawDonald() {
      const img = new Image();
      img.src = 'https://image.flaticon.com/icons/png/128/143/143889.png';
      img.onload = function() {
        ctx.drawImage(img, donaldX, donaldY, 50, 50);
      };
    }

function drawPokemon() {
      const img = new Image();
      img.src = 'https://image.flaticon.com/icons/png/128/5289/5289231.png';
      img.onload = function() {
        ctx.drawImage(img, pokemonX, pokemonY, 50, 50);
      };
    }

function updateGameArea() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawDonald();
      drawPokemon();

checkCollision();
    }

function moveDonald(event) {
      switch(event.key) {
        case 'ArrowUp':
          donaldY -= 10;
          break;
        case 'ArrowDown':
          donaldY += 10;
          break;
        case 'ArrowLeft':
          donaldX -= 10;
          break;
        case 'ArrowRight':
          donaldX += 10;
          break;
      }
    }

function checkCollision() {
      if (donaldX < pokemonX + 50 && donaldX + 50 > pokemonX &&
          donaldY < pokemonY + 50 && donaldY + 50 > pokemonY) {
        alert('You found the Pokemon! Congratulations!');
      }
    }

window.addEventListener('keydown', moveDonald);

setInterval(updateGameArea, 20);
  </script>
</body>
</html>