Make a game where everyone is a zombie and it's raining cats and dogs and people are eating chicken wings's game

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

No:52633

195

←

Prev Next

→

Make a game where everyone is a zombie and it's ra..ALL
Developer User22074｜Date and time 24/3/23 13:03:02
Build time 15.832 sec｜Game capacity 2.651KB｜

Script

This HTML file contains a simple game where you control a player (green square) with left and right arrow keys to avoid zombies (gray squares) and collect chicken wings (brown squares) to increase your score. If the player collides with a zombie, the game is over and your score is shown in an alert box. Just open this file in a web browser to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Zombie Chicken Feast</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

let playerX = 200;
    let playerY = 500;
    let score = 0;
    
    let zombieX = Math.floor(Math.random() * 360);
    let zombieY = 0;
    let zombieSpeed = 3;

let chickenX = Math.floor(Math.random() * 360);
    let chickenY = 0;
    let chickenSpeed = 2;

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillStyle = "green";
      ctx.fillRect(playerX, playerY, 40, 40);

// Draw zombie
      ctx.fillStyle = "gray";
      ctx.fillRect(zombieX, zombieY, 40, 40);

// Draw chicken
      ctx.fillStyle = "brown";
      ctx.fillRect(chickenX, chickenY, 40, 40);

// Draw score
      ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 10, 30);
    }

function update() {
      zombieY += zombieSpeed;
      if(zombieY > 600) {
        zombieY = 0;
        zombieX = Math.floor(Math.random() * 360);
        score -= 10;
      }

chickenY += chickenSpeed;
      if(chickenY > 600) {
        chickenY = 0;
        chickenX = Math.floor(Math.random() * 360);
      }

if(playerX < chickenX + 40 && playerX + 40 > chickenX && playerY < chickenY + 40 && playerY + 40 > chickenY) {
        chickenY = 0;
        chickenX = Math.floor(Math.random() * 360);
        score += 10;
      }

if(playerX < zombieX + 40 && playerX + 40 > zombieX && playerY < zombieY + 40 && playerY + 40 > zombieY) {
        alert("Game Over! Your score is: " + score);
        window.location.reload();
      }
    }

function gameLoop() {
      draw();
      update();
      requestAnimationFrame(gameLoop);
    }

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