Survival from Dangerous Animal's game

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

No:47658

←

Prev Next

→

Survival from Dangerous Animal
Developer User20597｜Date and time 24/2/29 3:00:03
Build time 8.288 sec｜Game capacity 1.876KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Survival from Dangerous Animal</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const player = { x: 200, y: 200, size: 20, color: 'green' };
    const dangerAnimal = { x: 100, y: 100, size: 30, color: 'red' };

function drawPlayer() {
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.size, player.size);
    }

function drawAnimal() {
      ctx.fillStyle = dangerAnimal.color;
      ctx.fillRect(dangerAnimal.x, dangerAnimal.y, dangerAnimal.size, dangerAnimal.size);
    }

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

function movePlayer(direction) {
      switch(direction) {
        case 'ArrowUp':
          player.y -= 10;
          break;
        case 'ArrowDown':
          player.y += 10;
          break;
        case 'ArrowLeft':
          player.x -= 10;
          break;
        case 'ArrowRight':
          player.x += 10;
          break;
      }
    }

function checkCollision() {
      if (player.x < dangerAnimal.x + dangerAnimal.size &&
          player.x + player.size > dangerAnimal.x &&
          player.y < dangerAnimal.y + dangerAnimal.size &&
          player.y + player.size > dangerAnimal.y) {
        alert('Game Over! You were caught by the dangerous animal!');
        dangerAnimal.x = Math.floor(Math.random() * 370);
        dangerAnimal.y = Math.floor(Math.random() * 370);
      }
    }

function gameLoop() {
      clearCanvas();
      drawPlayer();
      drawAnimal();
      checkCollision();
    }

document.addEventListener('keydown', (event) => {
      movePlayer(event.key);
    });

setInterval(gameLoop, 100);
  </script>
</body>
</html>