Zombie shooter game, run around to find ammunition and people build your own houses and cut down trees on zombies's game

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

No:5853

363

←

Prev Next

→

Zombie shooter game, run around to find ammunition..ALL
Developer User3849｜Date and time 23/6/30 23:38:43
Build time 32.342 sec｜Game capacity 4.691KB｜

Script

Understood. Here's a rough implementation of a zombie shooter game using HTML and JavaScript:

This implementation creates a simple zombie shooter game where the player, represented by a smiley face emoji, can move around using arrow keys. Zombies, represented by ghost emojis, move randomly around the game area. The game ends if the player collides with a zombie. Keep in mind that this is a basic implementation, and there is scope for further improvements and enhancements.

←

Prev　Next

→ 　

Back　

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

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

Understood. Here's a rough implementation of a zombie shooter game using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Shooter</title>
    <style>
        #container {
            position: relative;
            width: 600px;
            height: 400px;
            margin: auto;
            border: 1px solid black;
            overflow: hidden;
        }
        #player {
            position: absolute;
            top: 180px;
            left: 280px;
        }
        .zombie {
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="container">
        <img id="player" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/smiling-face-with-open-mouth-and-tightly-closed-eyes_1f606.png" width="40" height="40">

// Function to create a new zombie
            function createZombie() {
                var zombie = document.createElement('img');
                zombie.setAttribute('src', 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/ghost_1f47b.png');
                zombie.setAttribute('width', '40');
                zombie.setAttribute('height', '40');
                zombie.classList.add('zombie');
                container.appendChild(zombie);
                zombies.push(zombie);
            }

// Function to randomly move zombies
            function moveZombies() {
                zombies.forEach(function(zombie) {
                    var x = Math.floor(Math.random() * 10) - 5;
                    var y = Math.floor(Math.random() * 10) - 5;
                    var left = parseInt(zombie.style.left) || 0;
                    var top = parseInt(zombie.style.top) || 0;
                    zombie.style.left = (left + x) + 'px';
                    zombie.style.top = (top + y) + 'px';
                });
            }

// Function to check collision between player and zombies
            function checkCollision() {
                var playerRect = player.getBoundingClientRect();
                zombies.forEach(function(zombie) {
                    var zombieRect = zombie.getBoundingClientRect();
                    if (playerRect.left < zombieRect.right &&
                        playerRect.right > zombieRect.left &&
                        playerRect.top < zombieRect.bottom &&
                        playerRect.bottom > zombieRect.top) {
                        // Collision occurred
                        alert('Game Over!');
                    }
                });
            }

// Function to handle player movement
            function handleMovement(event) {
                var key = event.keyCode;
                var left = parseInt(player.style.left) || 0;
                var top = parseInt(player.style.top) || 0;

if (key === 37 && left > 0) {
                    // Move left
                    player.style.left = (left - 10) + 'px';
                } else if (key === 39 && left < (container.offsetWidth - player.offsetWidth)) {
                    // Move right
                    player.style.left = (left + 10) + 'px';
                } else if (key === 38 && top > 0) {
                    // Move up
                    player.style.top = (top - 10) + 'px';
                } else if (key === 40 && top < (container.offsetHeight - player.offsetHeight)) {
                    // Move down
                    player.style.top = (top + 10) + 'px';
                }
            }

// Function to start the game
            function startGame() {
                createZombie(); // Create initial zombie
                setInterval(moveZombies, 1000); // Move zombies every second
                setInterval(checkCollision, 100); // Check for collisions every 100 milliseconds
                window.addEventListener('keydown', handleMovement); // Listen for keydown events
            }

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