A 2d shooter game where you defend off zombies from destroying your statue and if your statue breaks you get eaten by the zombies's game

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

No:49093

←

Prev Next

→

A 2d shooter game where you defend off zombies fro..ALL
Developer User20933｜Date and time 24/3/3 19:03:43
Build time 8.42 sec｜Game capacity 2.431KB｜

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 http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Zombie Defender</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,
            color: 'blue'
        };

let zombies = [];
        let statueHealth = 100;
        
        function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

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

function drawStatue() {
            ctx.fillStyle = 'gray';
            ctx.fillRect(canvas.width / 2 - 50, canvas.height / 2 - 50, 100, 100);
            ctx.fillStyle = 'red';
            ctx.fillRect(canvas.width / 2 - 50, canvas.height / 2 - 50, statueHealth, 10);
        }

function update() {
            zombies.forEach(zombie => {
                zombie.y += 2;
                if(zombie.y > canvas.height / 2){
                    statueHealth -= 2;
                }
            });

zombies = zombies.filter(zombie => zombie.y < canvas.height);

if(statueHealth <= 0){
                alert("Game Over - You got eaten by zombies!");
                location.reload();
            }

draw();
        }

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

setInterval(() => {
            zombies.push({
                x: Math.random() * canvas.width,
                y: 0
            });
        }, 1000);

setInterval(update, 1000 / 60);
    </script>
</body>
</html>