A zombies first person shooter game's game

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

No:22301

←

Prev Next

→

A zombies first person shooter game
Developer User10318｜Date and time 23/10/22 5:37:45
Build time 55.311 sec｜Game capacity 3.639KB｜

Script

Sure, here's a simple example of a zombie first person shooter game implemented in a single HTML file using JavaScript:

This code sets up a canvas element to render the game graphics and defines a player and zombie objects. The player is moved based on keyboard input, and zombies are spawned randomly. It also handles collisions between the player and zombies, displaying a game over message when a collision occurs. The game loop continuously redraws the canvas to update the game state.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's a simple example of a zombie first person shooter game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Zombie Shooter</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        var gameWidth = window.innerWidth;
        var gameHeight = window.innerHeight;
        canvas.width = gameWidth;
        canvas.height = gameHeight;
        
        // Player and zombie objects
        var player = {
            x: gameWidth / 2,
            y: gameHeight / 2,
            size: 20,
            speed: 5
        };
        
        var zombies = [];
        var zombieSize = 40;
        
        // Game loop
        function gameLoop() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Move player
            if (keyState["ArrowUp"] && player.y > 0)
                player.y -= player.speed;
            if (keyState["ArrowDown"] && player.y < gameHeight - player.size)
                player.y += player.speed;
            if (keyState["ArrowLeft"] && player.x > 0)
                player.x -= player.speed;
            if (keyState["ArrowRight"] && player.x < gameWidth - player.size)
                player.x += player.speed;
            
            // Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.size, player.size);
            
            // Spawn zombies randomly
            if (Math.random() < 0.01) {
                var zombie = {
                    x: Math.random() * (gameWidth - zombieSize),
                    y: Math.random() * (gameHeight - zombieSize),
                    size: zombieSize
                };
                zombies.push(zombie);
            }
            
            // Handle collisions between player and zombies
            zombies.forEach(function(zombie, index) {
                if (
                    player.x < zombie.x + zombie.size &&
                    player.x + player.size > zombie.x &&
                    player.y < zombie.y + zombie.size &&
                    player.y + player.size > zombie.y
                ) {
                    // Game over
                    alert("Game over! You were eaten by zombies.");
                    zombies.splice(index, 1);
                } else {
                    // Draw zombie
                    ctx.fillStyle = "green";
                    ctx.fillRect(zombie.x, zombie.y, zombie.size, zombie.size);
                }
            });
            
            requestAnimationFrame(gameLoop);
        }
        
        // Input handling
        var keyState = {};
        window.addEventListener("keydown", function(e) {
            keyState[e.key] = true;
        });
        window.addEventListener("keyup", function(e) {
            keyState[e.key] = false;
        });
        
        gameLoop();
    </script>
</body>
</html>
```