avoid yourself from zombies with some specific scales's game

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

No:46992

237

←

Prev Next

→

avoid yourself from zombies with some specific sca..ALL
Developer User20343｜Date and time 24/2/27 0:40:49
Build time 10.414 sec｜Game capacity 2.579KB｜

Script

Sure, here is a simple game where you have to avoid zombies using pictograms:

🙂

🧟

This simple game creates a player and a zombie using pictograms. The player can be moved using the arrow keys to avoid the zombie. If the player collides with the zombie, the game is over and the page is reloaded. The zombie moves randomly around the screen. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure, here is a simple game where you have to avoid zombies using pictograms:

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Avoid the Zombies Game</title>
<style>
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
    }
    #player {
        font-size: 48px;
    }
    .zombie {
        font-size: 48px;
    }
</style>
</head>
<body>
    <div id="player">🙂</div>
    <div id="zombie" class="zombie">🧟</div>

let playerX = 50;
        let playerY = 50;
        let zombieX = 0;
        let zombieY = 0;

function updatePlayer() {
            player.style.left = playerX + '%';
            player.style.top = playerY + '%';
        }

function updateZombie() {
            zombie.style.left = zombieX + '%';
            zombie.style.top = zombieY + '%';
        }

function moveZombie() {
            let newX = Math.random() * 100;
            let newY = Math.random() * 100;

zombieX = newX;
            zombieY = newY;

updateZombie();
        }

function checkCollision() {
            let dx = playerX - zombieX;
            let dy = playerY - zombieY;
            let distance = Math.sqrt(dx * dx + dy * dy);

if (distance < 10) {
                alert('Game Over! You were caught by a zombie!');
                document.location.reload();
            }
        }

document.addEventListener('keydown', function(event) {
            switch(event.key) {
                case 'ArrowUp':
                    playerY -= 5;
                    break;
                case 'ArrowDown':
                    playerY += 5;
                    break;
                case 'ArrowLeft':
                    playerX -= 5;
                    break;
                case 'ArrowRight':
                    playerX += 5;
                    break;
            }

checkCollision();
            updatePlayer();
        });

setInterval(moveZombie, 1000);
    </script>
</body>
</html>
```