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:49432

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>COVID-19 Escape Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let touchX = playerX;
        let touchY = playerY;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.beginPath();
            ctx.arc(playerX, playerY, 20, 0, Math.PI * 2);
            ctx.fill();
        }

function movePlayer() {
            let dx = touchX - playerX;
            let dy = touchY - playerY;
            let angle = Math.atan2(dy, dx);
            playerX += Math.cos(angle) * 5;
            playerY += Math.sin(angle) * 5;
        }

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

function update() {
            movePlayer();
        }

function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

canvas.addEventListener('touchmove', function(event) {
            touchX = event.touches[0].clientX;
            touchY = event.touches[0].clientY;
        });

canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        gameLoop();

</script>
</body>
</html>