A 2d Mario game where Mario needs mushrooms to battle covid's game

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

No:46130

←

Prev Next

→

A 2d Mario game where Mario needs mushrooms to bat..ALL
Developer User19939｜Date and time 24/2/23 16:40:35
Build time 8.08 sec｜Game capacity 1.713KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Mario vs Covid Game</title>
<style>
canvas {
  border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

const mario = {
  x: 50,
  y: 50,
  size: 50,
  speed: 5
};

const mushrooms = [
  { x: 200, y: 200, size: 30, isCollected: false },
  { x: 400, y: 300, size: 30, isCollected: false },
  { x: 600, y: 100, size: 30, isCollected: false }
];

function drawMario() {
  ctx.fillStyle = 'red';
  ctx.fillRect(mario.x, mario.y, mario.size, mario.size);
}

function checkCollision() {
  mushrooms.forEach(mushroom => {
    if (!mushroom.isCollected &&
        mario.x < mushroom.x + mushroom.size &&
        mario.x + mario.size > mushroom.x &&
        mario.y < mushroom.y + mushroom.size &&
        mario.y + mario.size > mushroom.y) {
      mushroom.isCollected = true;
    }
  });
}

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

document.addEventListener('keydown', function(e) {
  switch(e.key) {
    case 'ArrowUp':
      mario.y -= mario.speed;
      break;
    case 'ArrowDown':
      mario.y += mario.speed;
      break;
    case 'ArrowLeft':
      mario.x -= mario.speed;
      break;
    case 'ArrowRight':
      mario.x += mario.speed;
      break;
  }
});

gameLoop();
</script>
</body>
</html>