Make a game where you got to go down and up will zombies follow you and touch you and when they touch you you lose they will follow you too's game

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

No:47991

←

Prev Next

→

Make a game where you got to go down and up will z..ALL
Developer User20677｜Date and time 24/3/1 6:41:56
Build time 6.346 sec｜Game capacity 1.647KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Zombie Escape</title>
<style>
    * {
        margin: 0;
        padding: 0;
    }

canvas {
        display: block;
        margin: 0 auto;
        background: #f8f8f8;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>

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

const zombies = [];

function spawnZombie() {
        const zombie = {
            x: Math.random() * 800,
            y: Math.random() * 600,
            speed: 2
        };
        zombies.push(zombie);
    }

function update() {
        if (Math.random() < 0.02) {
            spawnZombie();
        }

zombies.forEach(zombie => {
            const dx = player.x - zombie.x;
            const dy = player.y - zombie.y;
            const angle = Math.atan2(dy, dx);
            zombie.x += Math.cos(angle) * zombie.speed;
            zombie.y += Math.sin(angle) * zombie.speed;
        });

render();
    }

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

ctx.fillStyle = 'red';
        ctx.fillRect(player.x, player.y, 20, 20);

zombies.forEach(zombie => {
            ctx.fillStyle = 'green';
            ctx.fillRect(zombie.x, zombie.y, 20, 20);
        });
    }

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

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