You run away from a blue monster named huggy wuggy's game

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

No:47548

107

←

Prev Next

→

You run away from a blue monster named huggy wuggy
Developer User20518｜Date and time 24/2/28 11:11:27
Build time 10.244 sec｜Game capacity 1.911KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Escape from Huggy Wuggy</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    const playerSize = 20;

let monsterX = Math.random() * canvas.width;
    let monsterY = Math.random() * canvas.height;
    const monsterSize = 30;

function drawPlayer() {
      ctx.fillStyle = "green";
      ctx.fillRect(playerX - playerSize / 2, playerY - playerSize / 2, playerSize, playerSize);
    }

function drawMonster() {
      ctx.fillStyle = "blue";
      ctx.fillRect(monsterX - monsterSize / 2, monsterY - monsterSize / 2, monsterSize, monsterSize);
    }

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

function updateGameArea() {
      clearCanvas();
      drawPlayer();
      drawMonster();
    }

if (Math.abs(playerX - monsterX) <= monsterSize / 2 && Math.abs(playerY - monsterY) <= monsterSize / 2) {
        alert("Game over! Huggy Wuggy caught you.");
        document.removeEventListener("keydown", movePlayer);
      }

updateGameArea();
    }

document.addEventListener("keydown", movePlayer);
    updateGameArea();
  </script>
</body>
</html>