Make a zombie shooter game but 2D with some features you do whatever you want ai's game

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

No:29794

105

←

Prev Next

→

Make a zombie shooter game but 2D with some featur..ALL
Developer User7632｜Date and time 23/12/19 3:08:48
Build time 25.296 sec｜Game capacity 4.272KB｜

Script

Sure! Here's an example of a simple 2D zombie shooter game implemented as a single HTML file using JavaScript:

In the above game, the player (represented by a green square) can be controlled by moving the mouse within the game canvas. Zombies (represented by red squares) are randomly generated every second and move around the canvas. The game detects collisions between the player and zombies, and if a collision occurs, a game over message is displayed. Please note that this is a basic example. You can modify and enhance the game by adding more features, levels, graphics, sound effects, etc., based on your preferences and requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple 2D zombie shooter game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Shooter</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Initialize the game
        window.onload = function () {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

// Create a zombie every second
            setInterval(createZombie, 1000);

// Capture player movements
            canvas.addEventListener("mousemove", updatePlayerPosition);

// Start game loop
            requestAnimationFrame(update);
        };

// Update and render the game
        function update() {
            // Clear the canvas
            canvasContext.fillStyle = "white";
            canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Update and render the player
            drawPlayer();

// Update and render the zombies
            updateZombies();

// Check for collisions
            checkCollisions();

// Call the next frame
            requestAnimationFrame(update);
        }

// Draw the player
        function drawPlayer() {
            canvasContext.fillStyle = "green";
            canvasContext.fillRect(playerX - 15, playerY - 15, 30, 30);
        }

// Update player position based on mouse movement
        function updatePlayerPosition(event) {
            let rect = canvas.getBoundingClientRect();
            playerX = event.clientX - rect.left;
            playerY = event.clientY - rect.top;
        }

// Create a new zombie
        function createZombie() {
            let zombie = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                speedX: (Math.random() - 0.5) * 6,
                speedY: (Math.random() - 0.5) * 6
            };
            zombies.push(zombie);
        }

// Update and render all zombies
        function updateZombies() {
            for (let i = 0; i < zombies.length; i++) {
                let zombie = zombies[i];

// Update zombie position
                zombie.x += zombie.speedX;
                zombie.y += zombie.speedY;

// Boundaries check
                if (zombie.x >= canvas.width || zombie.x <= 0) {
                    zombie.speedX *= -1;
                }
                if (zombie.y >= canvas.height || zombie.y <= 0) {
                    zombie.speedY *= -1;
                }

// Draw the zombie
                canvasContext.fillStyle = "red";
                canvasContext.fillRect(zombie.x - 10, zombie.y - 10, 20, 20);
            }
        }

// Check for collisions between player and zombies
        function checkCollisions() {
            for (let i = 0; i < zombies.length; i++) {
                let zombie = zombies[i];
                let distance = Math.sqrt(Math.pow(playerX - zombie.x, 2) + Math.pow(playerY - zombie.y, 2));

if (distance < 25) { // Collision detected
                    // Game Over
                    alert("Game Over");
                    zombies = []; // Reset zombies
                    break;
                }
            }
        }
    </script>
</body>
</html>
```

Please note that this is a basic example. You can modify and enhance the game by adding more features, levels, graphics, sound effects, etc., based on your preferences and requirements.