A 2d zombie game a zombie is a circle and the player is a square there’s health for the zombie and player player has 250health zombies have 50health the player has a gun that does 25 damage You can see the gun and bullet zombies move 0.5 speed to the player every wave there are 5 zombies every wave lasts 10 waves Zombies are small and the player is small the player can move up down left right's game

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

No:6655

←

Prev Next

→

A 2d zombie game a zombie is a circle and the play..ALL
Developer User3908｜Date and time 23/7/3 1:51:03
Build time 58.668 sec｜Game capacity 6.089KB｜

Script

Sure, here's a simple implementation of a 2D zombie game using JavaScript and HTML:

To play the game, you can move the player using the arrow keys on your keyboard (up, down, left, and right). Clicking anywhere on the canvas will fire a bullet from the gun towards the clicked position. The objective is to eliminate all the zombies before your health reaches zero. Each wave becomes progressively harder with more zombies. The game includes collision detection between the bullet and zombies, as well as collision detection between the player and zombies. The game will end if the player's health reaches zero.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure, here's a simple implementation of a 2D zombie game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

var player = {
            x: 200, // Initial player position
            y: 200,
            width: 20,
            height: 20,
            health: 250
        };

var zombies = [];
        var numZombies = 5; // Number of zombies per wave
        var wave = 1;
        var waveCounter = 0;
        var waveDuration = 10; // Wave duration in seconds

var gun = {
            x: player.x + player.width / 2, // Initial gun position relative to player
            y: player.y + player.height / 2,
            damage: 25
        };

var bullet = {
            x: gun.x,
            y: gun.y,
            width: 5,
            height: 5,
            speed: 5
        };

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawZombies() {
            ctx.fillStyle = "green";
            for (var i = 0; i < zombies.length; i++) {
                var zombie = zombies[i];
                ctx.beginPath();
                ctx.arc(zombie.x, zombie.y, 10, 0, 2 * Math.PI);
                ctx.fill();
                ctx.closePath();
            }
        }

function drawGun() {
            ctx.fillStyle = "black";
            ctx.fillRect(gun.x, gun.y, 5, 10);
        }

function drawBullet() {
            ctx.fillStyle = "red";
            ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
        }

function updateGunPosition() {
            gun.x = player.x + player.width / 2;
            gun.y = player.y + player.height / 2;
        }

function updateBulletPosition() {
            bullet.x += bullet.speed;
        }

function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            updateGunPosition();
            updateBulletPosition();
            drawPlayer();
            drawZombies();
            drawGun();
            drawBullet();
            checkPlayerCollision();

if (isCollision()) {
                bullet.x = gun.x;
                bullet.y = gun.y;
            }

// Check if wave is over
            if (zombies.length === 0) {
                waveCounter++;
                if (waveCounter >= waveDuration) {
                    wave++;
                    numZombies += 5;
                    waveCounter = 0;
                    spawnZombies();
                }
            }

// Move zombies towards the player
            for (var i = 0; i < zombies.length; i++) {
                var zombie = zombies[i];
                var dx = player.x - zombie.x;
                var dy = player.y - zombie.y;
                var distance = Math.sqrt(dx * dx + dy * dy);
                var speed = 0.5;
                var vx = (dx / distance) * speed;
                var vy = (dy / distance) * speed;
                zombie.x += vx;
                zombie.y += vy;
            }

requestAnimationFrame(update);
        }

document.addEventListener("mousedown", function(event) {
            bullet.x = gun.x;
            bullet.y = gun.y;
            var dx = event.clientX - gun.x;
            var dy = event.clientY - gun.y;
            var angle = Math.atan2(dy, dx);
            bullet.speedX = Math.cos(angle) * bullet.speed;
            bullet.speedY = Math.sin(angle) * bullet.speed;
        });

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