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? The player follows wherever the screen is being touched's game

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

No:49431

←

Prev Next

→

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

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>COVID-19 Germ Escape</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    canvas {
        display: block;
    }
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

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

let germX = Math.random() * canvas.width;
    let germY = Math.random() * canvas.height;

canvas.addEventListener("touchstart", (e) => {
        const touch = e.touches[0];
        player.x = touch.clientX;
        player.y = touch.clientY;
    });

function update() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        ctx.fillStyle = "red";
        ctx.beginPath();
        ctx.arc(germX, germY, 10, 0, Math.PI * 2);
        ctx.fill();

const dx = player.x - germX;
        const dy = player.y - germY;
        const distance = Math.sqrt(dx * dx + dy * dy);
        
        if (distance < 20) {
            germX = Math.random() * canvas.width;
            germY = Math.random() * canvas.height;
        }

requestAnimationFrame(update);
    }

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