First person zombies shooter's game

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

No:16561

←

Prev Next

→

First person zombies shooter
Developer User7380｜Date and time 23/9/19 14:23:52
Build time 27.72 sec｜Game capacity 3.293KB｜

Script

Sure, here's an example of a first-person zombie shooter game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses pictograms for visuals:

To play the game, you can open this code in a web browser and interact with it using touch or mouse events. The objective of the game is to shoot down the zombies by clicking/touching them, and your score will increase every time you successfully eliminate a zombie.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a first-person zombie shooter game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses pictograms for visuals:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Shooter Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Game initialization
        function startGame() {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            
            // Spawn zombies every 1 second
            setInterval(spawnZombie, 1000);

// Move player on touch/click events
            canvas.addEventListener("touchmove", movePlayer);
            canvas.addEventListener("mousemove", movePlayer);
            canvas.addEventListener("click", shoot);
        }

// Move player
        function movePlayer(e) {
            playerX = e.clientX || e.touches[0].clientX;
            playerY = e.clientY || e.touches[0].clientY;
        }

// Shoot at zombies
        function shoot() {
            for (var i = 0; i < zombies.length; i++) {
                var dx = zombies[i].x - playerX;
                var dy = zombies[i].y - playerY;
                var distance = Math.sqrt(dx * dx + dy * dy);
                
                if (distance < 20) {
                    zombies.splice(i, 1);
                    score++;
                    break;
                }
            }
        }

// Spawn new zombie
        function spawnZombie() {
            var zombie = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height
            };
            
            zombies.push(zombie);
        }

// Game update
        function updateGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Update player
            context.fillStyle = "green";
            context.fillRect(playerX - 10, playerY - 10, 20, 20);

// Update zombies
            context.fillStyle = "red";
            for (var i = 0; i < zombies.length; i++) {
                var zombie = zombies[i];
                context.fillRect(zombie.x - 5, zombie.y - 5, 10, 10);
            }

// Update score
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);

requestAnimationFrame(updateGame);
        }

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