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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Zombie shooter game, run around to find ammunition and people build your own houses and cut down trees on zombies's game | AI game creator

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

No:5853

568

←

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]現在の売れ筋Kindle本ランキング

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>
```