monkey saveing a baby human's game

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

No:45695

←

Prev Next

→

monkey saveing a baby human
Developer User19664｜Date and time 24/2/21 5:47:56
Build time 8.373 sec｜Game capacity 1.375KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Monkey Saving Baby</title>
</head>
<body>

const monkeyImage = new Image();
monkeyImage.src = "monkey.png";

const babyImage = new Image();
babyImage.src = "baby.png";

let monkeyX = 50;
let monkeyY = 300;

let babyX = 700;
let babyY = 300;

function drawMonkey() {
  ctx.drawImage(monkeyImage, monkeyX, monkeyY, 100, 100);
}

function drawBaby() {
  ctx.drawImage(babyImage, babyX, babyY, 100, 100);
}

function checkCollision() {
  if ((monkeyX + 50 >= babyX && monkeyX <= babyX + 50) && (monkeyY + 50 >= babyY && monkeyY <= babyY + 50)) {
    alert("Monkey saved the baby!");
  }
}

function gameLoop() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  drawMonkey();
  drawBaby();
  checkCollision();
  
  requestAnimationFrame(gameLoop);
}

document.addEventListener("keydown", function(event) {
  switch(event.key) {
    case "ArrowUp":
      monkeyY -= 5;
      break;
    case "ArrowDown":
      monkeyY += 5;
      break;
    case "ArrowLeft":
      monkeyX -= 5;
      break;
    case "ArrowRight":
      monkeyX += 5;
      break;
  }
});

monkeyImage.onload = function() {
  babyImage.onload = function() {
    gameLoop();
  }
}

</script>

</body>
</html>