Zombie survival endless shooter.'s game

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

No:13094

141

←

Prev Next

→

Zombie survival endless shooter.
Developer User5786｜Date and time 23/8/26 23:45:28
Build time 26.52 sec｜Game capacity 4.382KB｜

Script

Sure! Here's an example of a simple zombie survival endless shooter game implemented as a single HTML file using JavaScript, enclosed in script tags:

In this game, you control a player with your smartphone's touch/mouse movements. The objective is to survive against an endless wave of zombies. You can shoot bullets by tapping/clicking on the screen. If a zombie comes into contact with the player, the game is over and a dialog box will appear with a game over message.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple zombie survival endless shooter game implemented as a single HTML file using JavaScript, enclosed in script tags:

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

// Game state
        let gameCanvas, ctx;
        let player, bullets, zombies;

// Initialize game
        function initGame() {
            gameCanvas = document.getElementById('gameCanvas');
            ctx = gameCanvas.getContext('2d');
            player = {
                x: GAME_WIDTH / 2 - PLAYER_SIZE / 2,
                y: GAME_HEIGHT / 2 - PLAYER_SIZE / 2,
                width: PLAYER_SIZE,
                height: PLAYER_SIZE
            };
            bullets = [];
            zombies = [];

gameCanvas.addEventListener('mousemove', movePlayer, false);
            gameCanvas.addEventListener('click', shootBullet, false);

setInterval(spawnZombies, 1000);
            setInterval(updateGame, 16);
        }

// Move the player
        function movePlayer(event) {
            player.x = event.clientX - gameCanvas.offsetLeft - PLAYER_SIZE / 2;
            player.y = event.clientY - gameCanvas.offsetTop - PLAYER_SIZE / 2;
        }

// Shoot a bullet
        function shootBullet() {
            let bullet = {
                x: player.x + PLAYER_SIZE / 2 - BULLET_SIZE / 2,
                y: player.y + PLAYER_SIZE / 2 - BULLET_SIZE / 2,
                width: BULLET_SIZE,
                height: BULLET_SIZE
            };
            bullets.push(bullet);
        }

// Spawn zombies
        function spawnZombies() {
            if (zombies.length < MAX_ZOMBIES) {
                let zombie = {
                    x: Math.random() * (GAME_WIDTH - ZOMBIE_SIZE),
                    y: Math.random() * (GAME_HEIGHT - ZOMBIE_SIZE),
                    width: ZOMBIE_SIZE,
                    height: ZOMBIE_SIZE
                };
                zombies.push(zombie);
            }
        }

// Update game state
        function updateGame() {
            // Clear canvas
            ctx.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);

// Update and draw player
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Update and draw bullets
            bullets.forEach(function (bullet, index) {
                bullet.y -= BULLET_SPEED;
                if (bullet.y < 0) {
                    bullets.splice(index, 1);
                }
                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            });

// Update and draw zombies
            zombies.forEach(function (zombie, index) {
                let dx = player.x - zombie.x;
                let dy = player.y - zombie.y;
                let distance = Math.sqrt(dx * dx + dy * dy);
                
                if (distance < ZOMBIE_SIZE) {
                    // Game over
                    alert("Game over!");
                    location.reload();
                }
                
                let vx = dx / distance;
                let vy = dy / distance;

zombie.x += vx * ZOMBIE_SPEED;
                zombie.y += vy * ZOMBIE_SPEED;

ctx.fillRect(zombie.x, zombie.y, zombie.width, zombie.height);
            });
        }

// Start game when the page is loaded
        window.onload = function () {
            initGame();
        };
    </script>
</body>
</html>
```