Run away by spamming run button from a zombie's game

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

No:24129

←

Prev Next

→

Run away by spamming run button from a zombie
Developer User11311｜Date and time 23/11/6 1:56:52
Build time 64.839 sec｜Game capacity 3.195KB｜

Script

Sure! Here's an example of a simple game that meets your requirements:

This game is called "Zombie Escape". The objective of the game is to avoid the zombie (represented by a red square) by moving the player (represented by a green square) using the arrow keys on your smartphone. The game ends if the player collides with the zombie, and a "Game Over" alert is shown. Please note that the gameplay might not be ideal on a smartphone due to the use of arrow keys. It's recommended to run the game on a computer for a better experience.

←

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 game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Escape</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            font-family: Arial, sans-serif;
        }
        
        canvas {
            background-color: #333;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const PLAYER_SIZE = 40;
        const ZOMBIE_SIZE = 30;

let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let zombieX = Math.random() * (canvas.width - ZOMBIE_SIZE);
        let zombieY = Math.random() * (canvas.height - ZOMBIE_SIZE);

function drawPlayer() {
            context.fillStyle = "#00FF00";
            context.fillRect(playerX, playerY, PLAYER_SIZE, PLAYER_SIZE);
        }

function drawZombie() {
            context.fillStyle = "#FF0000";
            context.fillRect(zombieX, zombieY, ZOMBIE_SIZE, ZOMBIE_SIZE);
        }

function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawZombie();

if (isColliding(playerX, playerY, PLAYER_SIZE, PLAYER_SIZE, zombieX, zombieY, ZOMBIE_SIZE, ZOMBIE_SIZE)) {
                alert("Game Over!");
                reset();
            }

requestAnimationFrame(update);
        }

function isColliding(x1, y1, w1, h1, x2, y2, w2, h2) {
            return (
                x1 < x2 + w2 &&
                x1 + w1 > x2 &&
                y1 < y2 + h2 &&
                y1 + h1 > y2
            );
        }

function reset() {
            playerX = canvas.width / 2;
            playerY = canvas.height / 2;
            zombieX = Math.random() * (canvas.width - ZOMBIE_SIZE);
            zombieY = Math.random() * (canvas.height - ZOMBIE_SIZE);
        }

document.addEventListener("keydown", function(event) {
            const speed = 10;

if (event.key === "ArrowUp" && playerY > 0) {
                playerY -= speed;
            } else if (event.key === "ArrowDown" && playerY + PLAYER_SIZE < canvas.height) {
                playerY += speed;
            } else if (event.key === "ArrowLeft" && playerX > 0) {
                playerX -= speed;
            } else if (event.key === "ArrowRight" && playerX + PLAYER_SIZE < canvas.width) {
                playerX += speed;
            }
        });

update();
    </script>
</body>
</html>
```

Please note that the gameplay might not be ideal on a smartphone due to the use of arrow keys. It's recommended to run the game on a computer for a better experience.