A Ghostbusters game where you have to catch and trap slimmer's game

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

No:51200

177

←

Prev Next

→

A Ghostbusters game where you have to catch and tr..ALL
Developer User21483｜Date and time 24/3/11 6:50:03
Build time 6.188 sec｜Game capacity 1.929KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Ghostbusters Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

const player = {
      x: canvas.width/2,
      y: canvas.height-50,
      width: 50,
      height: 50,
      speed: 5
    };

let slimer = {
      x: Math.random() * canvas.width,
      y: 0,
      width: 30,
      height: 30,
      speed: 3
    };

let score = 0;

function drawPlayer() {
      ctx.fillStyle = "green";
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawSlimer() {
      ctx.fillStyle = "purple";
      ctx.fillRect(slimer.x, slimer.y, slimer.width, slimer.height);
    }

function movePlayer(event) {
      if(event.key === "ArrowLeft" && player.x > 0) {
        player.x -= player.speed;
      } else if(event.key === "ArrowRight" && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }
    }

function collisionDetection() {
      if(player.x < slimer.x + slimer.width &&
         player.x + player.width > slimer.x &&
         player.y < slimer.y + slimer.height &&
         player.y + player.height > slimer.y) {
        score++;
        slimer.y = 0;
        slimer.x = Math.random() * canvas.width;
      }
    }

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

drawPlayer();
      drawSlimer();

slimer.y += slimer.speed;
      if(slimer.y > canvas.height) {
        slimer.y = 0;
        slimer.x = Math.random() * canvas.width;
      }

collisionDetection();

ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 10, 30);
    }

setInterval(updateGame, 1000/60);
    document.addEventListener("keydown", movePlayer);
  </script>
</body>
</html>