A 2d Zombie survival with waves 1-100 every five waves a boss appears's game | AI game creator

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

No:6650

51

A 2d Zombie survival with waves 1-100 every five w..ALL
Developer User3908｜Date and time 23/7/3 1:40:45
Build time 51.971 sec｜Game capacity 6.604KB｜

Sure! Here's a simple implementation of a 2D zombie survival game using JavaScript and HTML in a single file. Since pictograms are not easily available, I'll provide a playable sample game instead.

You can copy the above code and save it as an HTML file, let's say `zombie_survival.html`. When you open this file in a web browser, the game will start. The objective of the game is to survive as long as possible by avoiding zombies and bosses. You can control the player character using the arrow keys on your smartphone keyboard or by simulating arrow key presses in a smartphone browser emulator. Wave-based spawning mechanics are implemented, where every five waves a boss appears. The game keeps track of the player's score and displays it on the screen. When the player collides with a zombie or boss, it triggers a game over scenario, showing the player's final score. To play again, you can simply refresh the browser. Please note that this is a simplified version of a zombie survival game and can be expanded upon to add more features, graphics, and gameplay elements.

→ 　

1　

1　

　
　
　
　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple implementation of a 2D zombie survival game using JavaScript and HTML in a single file. Since pictograms are not easily available, I'll provide a playable sample game instead.

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

<script>
        // Game variables
        let canvas;
        let ctx;
        let player;
        let zombies = [];
        let bosses = [];
        let wave = 1;
        let score = 0;
        let gameLoopInterval;

// Player object
        class Player {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.width = 20;
                this.height = 20;
                this.speed = 5;
            }

draw() {
                ctx.fillStyle = "green";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }

update() {
                this.draw();
            }

moveUp() {
                this.y -= this.speed;
            }

moveDown() {
                this.y += this.speed;
            }

moveLeft() {
                this.x -= this.speed;
            }

moveRight() {
                this.x += this.speed;
            }
        }

// Zombie object
        class Zombie {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.width = 20;
                this.height = 20;
                this.speed = Math.random() * 3 + 1; // Random speed between 1 and 4
            }

draw() {
                ctx.fillStyle = "red";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }

update() {
                this.draw();
                this.x -= this.speed;
            }
        }

// Boss object
        class Boss {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.width = 60;
                this.height = 60;
                this.speed = 2;
                this.health = 3; // Boss has more health than zombies
            }

draw() {
                ctx.fillStyle = "purple";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }

update() {
                this.draw();
                this.x -= this.speed;
            }
        }

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            player = new Player(100, canvas.height / 2);

gameLoopInterval = setInterval(gameLoop, 20);
        }

// Game loop
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

player.update();

// Spawn zombies every wave
            if (wave % 5 === 0) {
                bosses.push(new Boss(canvas.width, Math.random() * (canvas.height - 40) + 20));
            } else {
                zombies.push(new Zombie(canvas.width, Math.random() * (canvas.height - 20)));
            }

for (let i = 0; i < bosses.length; i++) {
                bosses[i].update();

// Check collision with player
                if (collisionDetection(player, bosses[i])) {
                    gameOver();
                }

// Check if boss is offscreen or killed
                if (bosses[i].x < 0 || bosses[i].health <= 0) {
                    bosses.splice(i, 1);
                    score += 10;
                }
            }

for (let i = 0; i < zombies.length; i++) {
                zombies[i].update();

// Check collision with player
                if (collisionDetection(player, zombies[i])) {
                    gameOver();
                }

// Check if zombie is offscreen or killed
                if (zombies[i].x < 0) {
                    zombies.splice(i, 1);
                    score += 1;
                }
            }

// Display wave and score
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Wave: " + wave, 10, 20);
            ctx.fillText("Score: " + score, 10, 40);

// Increase wave every 100 zombies
            if (zombies.length >= 100) {
                wave++;
                zombies = [];
            }
        }

// Game over
        function gameOver() {
            clearInterval(gameLoopInterval);
            alert("Game Over! Your score: " + score);
            window.location.reload();
        }

// Collision detection between two objects
        function collisionDetection(obj1, obj2) {
            return (
                obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y
            );
        }

// Keyboard event listeners
        document.addEventListener("keydown", function (event) {
            if (event.key === "ArrowUp") {
                player.moveUp();
            } else if (event.key === "ArrowDown") {
                player.moveDown();
            } else if (event.key === "ArrowLeft") {
                player.moveLeft();
            } else if (event.key === "ArrowRight") {
                player.moveRight();
            }
        });

// Start the game
        init();
    </script>
</body>
</html>
```

You can copy the above code and save it as an HTML file, let's say `zombie_survival.html`. When you open this file in a web browser, the game will start. The objective of the game is to survive as long as possible by avoiding zombies and bosses. You can control the player character using the arrow keys on your smartphone keyboard or by simulating arrow key presses in a smartphone browser emulator.

Wave-based spawning mechanics are implemented, where every five waves a boss appears. The game keeps track of the player's score and displays it on the screen. When the player collides with a zombie or boss, it triggers a game over scenario, showing the player's final score. To play again, you can simply refresh the browser.

Please note that this is a simplified version of a zombie survival game and can be expanded upon to add more features, graphics, and gameplay elements.