Get chased by zombiez's game

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

No:29371

←

Prev Next

→

Get chased by zombiez
Developer User12051｜Date and time 23/12/17 6:36:32
Build time 26.37 sec｜Game capacity 3.011KB｜

Script

Sure! Here's an example of a simple game where you can play as a character being chased by zombies. The game is designed to run on a smartphone and uses pictograms for visuals. It's implemented as a single HTML file enclosed in script tags:

In this game, you control a blue player square using touch input on your smartphone. The objective is to avoid colliding with green zombie squares. The game will continuously spawn new zombies as long as you haven't collided with any of them. If a collision occurs, an alert will be shown with the message "Game Over".

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Chase Game</title>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Create the game canvas
    const canvas = document.getElementById('gameCanvas');
    canvas.width = canvasWidth;
    canvas.height = canvasHeight;
    const ctx = canvas.getContext('2d');

// Handle touch events on mobile devices
    canvas.addEventListener('touchstart', (e) => {
      if (!isGameOver) {
        const touch = e.touches[0];
        playerX = touch.pageX - canvas.offsetLeft - playerWidth / 2;
        playerY = touch.pageY - canvas.offsetTop - playerHeight / 2;
      }
    });

// Spawn new zombies at random positions
    function spawnZombies() {
      const x = Math.random() * (canvasWidth - zombieWidth);
      const y = Math.random() * (canvasHeight - zombieHeight);
      zombies.push({ x, y });
    }

// Update game state
    function update() {
      if (!isGameOver) {
        // Clear the canvas
        ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// Draw the player
        ctx.fillStyle = 'blue';
        ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// Draw the zombies
        ctx.fillStyle = 'green';
        for (const zombie of zombies) {
          ctx.fillRect(zombie.x, zombie.y, zombieWidth, zombieHeight);
        }

// Check if player collided with a zombie
        for (const zombie of zombies) {
          if (
            playerX < zombie.x + zombieWidth &&
            playerX + playerWidth > zombie.x &&
            playerY < zombie.y + zombieHeight &&
            playerY + playerHeight > zombie.y
          ) {
            isGameOver = true;
            alert('Game Over');
            break;
          }
        }

// Spawn new zombies until game over
        if (!isGameOver && zombies.length < 5) {
          spawnZombies();
        }

// Schedule the next update
        requestAnimationFrame(update);
      }
    }

// Start the game
    spawnZombies();
    update();
  </script>
</body>
</html>
```