Make a game where if there’s homing COVID-19 germs coming at after you and you have to run away from the COVID-19 germs How do you move is there’s arrow buttons and make it beatable's game

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

No:49430

←

Prev Next

→

Make a game where if there’s homing COVID-19 germs..ALL
Developer User21041｜Date and time 24/3/5 1:57:23
Build time 15.408 sec｜Game capacity 3.027KB｜

Script

This game involves a player represented by a blue square running away from red squares representing COVID-19 germs. The player can control the movement using arrow keys. The aim is to avoid collisions with the germs for as long as possible. Good luck!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>COVID-19 Escape</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    let germs = [];

for (let i = 0; i < 5; i++) {
      germs.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        dx: Math.random() - 0.5,
        dy: Math.random() - 0.5
      });
    }

function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(playerX, playerY, playerSize, playerSize);
    }

function drawGerms() {
      germs.forEach((germ) => {
        ctx.fillStyle = 'red';
        ctx.fillRect(germ.x, germ.y, germSize, germSize);
      });
    }

function checkCollision() {
      germs.forEach((germ, index) => {
        if (playerX < germ.x + germSize &&
            playerX + playerSize > germ.x &&
            playerY < germ.y + germSize &&
            playerY + playerSize > germ.y) {
          germs.splice(index, 1);
        }
      });
    }

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

drawPlayer();
      drawGerms();
      checkCollision();

playerX += playerSpeed * (rightPressed - leftPressed);
      playerY += playerSpeed * (downPressed - upPressed);

germs.forEach((germ) => {
        germ.x += germSpeed * germ.dx;
        germ.y += germSpeed * germ.dy;

if (germ.x < 0 || germ.x > canvas.width) {
          germ.dx = -germ.dx;
        }
        if (germ.y < 0 || germ.y > canvas.height) {
          germ.dy = -germ.dy;
        }
      });

requestAnimationFrame(update);
    }

let upPressed = false;
    let downPressed = false;
    let leftPressed = false;
    let rightPressed = false;

update();
  </script>
</body>
</html>
```