2d endless zombie shooter, with wall building skill's game

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

No:22754

←

Prev Next

→

2d endless zombie shooter, with wall building skil..ALL
Developer User10477｜Date and time 23/10/24 14:04:05
Build time 82.641 sec｜Game capacity 5.981KB｜

Script

Sure! Here's an example of a simple 2D endless zombie shooter game with a wall-building skill. The game will be implemented as a single HTML file with JavaScript enclosed in script tags. Please note that this is a basic example to give you an idea, and you can modify and expand it as per your requirements.

To play the game, open the HTML file in a web browser (preferably on a smartphone) and use the arrow keys to move the player. Press the spacebar to activate the wall-building skill and create temporary walls to trap zombies. Avoid getting caught by any zombies. When a zombie collides with a wall, both are eliminated. The game ends if a zombie collides with the player. Feel free to enhance the game by adding features like a scoring system, different levels, better graphics, sound effects, and more gameplay elements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

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

// Player object
        var Player = function () {
            this.x = gameWidth / 2;
            this.y = gameHeight / 2;
            this.width = 20;
            this.height = 20;
            this.color = "blue";
            this.speed = 5;
            this.isBuildingWall = false;
        };

Player.prototype.update = function () {
            this.x += player.speedX;
            this.y += player.speedY;
        }

Player.prototype.draw = function () {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }

// Zombie object
        var Zombie = function () {
            this.x = Math.random() * gameWidth;
            this.y = Math.random() * gameHeight;
            this.width = 20;
            this.height = 20;
            this.color = "red";
            this.speedX = ((Math.random() * 2) - 1) * 2;
            this.speedY = ((Math.random() * 2) - 1) * 2;
        };

Zombie.prototype.update = function () {
            this.x += this.speedX;
            this.y += this.speedY;
        }

Zombie.prototype.draw = function () {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }

// Wall object
        var Wall = function (x, y) {
            this.x = x;
            this.y = y;
            this.width = 20;
            this.height = 20;
            this.color = "gray";
        };

Wall.prototype.draw = function () {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }

function initialize() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');
            player = new Player();
            zombies = [];
            walls = [];

document.addEventListener('keydown', handleKeydown);
            document.addEventListener('keyup', handleKeyup);

setInterval(gameLoop, 20);
        }

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

function update() {
            player.update();

zombies.forEach(function (zombie) {
                zombie.update();
            });

if (player.isBuildingWall && wallCooldown === 0) {
                walls.push(new Wall(player.x, player.y));
                wallCooldown = 30; // Cooldown to prevent rapid wall creation
            } else {
                wallCooldown--;
                if (wallCooldown < 0) {
                    wallCooldown = 0;
                }
            }

// Collision detection
            zombies.forEach(function (zombie, zIdx) {
                if (isColliding(player, zombie)) {
                    // Game Over
                    alert("Game Over!");
                    player.speedX = 0;
                    player.speedY = 0;
                }

walls.forEach(function (wall, wIdx) {
                    if (isColliding(zombie, wall)) {
                        zombies.splice(zIdx, 1);
                        walls.splice(wIdx, 1);
                    }
                });
            });
        }

function draw() {
            ctx.clearRect(0, 0, gameWidth, gameHeight);

player.draw();

zombies.forEach(function (zombie) {
                zombie.draw();
            });

walls.forEach(function (wall) {
                wall.draw();
            });
        }

function isColliding(rect1, rect2) {
            return rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y;
        }

initialize();
    </script>
</body>
</html>
```

Feel free to enhance the game by adding features like a scoring system, different levels, better graphics, sound effects, and more gameplay elements.