Zombie Game

🚨 Tutorial

This repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, Chris Courses.

If you prefer visual learning, this is the perfect resource for you. Follow our tutorial to learn how to build projects like these step-by-step in a beginner-friendly manner!

🤖 Introduction

Zombie Game Using Canvas and Vanilla JavaScript

There is a soldier surrounded by zombies and he must get rid of them to save his life. The game is played with the mouse; left-click to shoot zombies. Right-click to kill all zombies, but you must have a score bigger than 5000.

Play Now

⚙️ Tech Stack

HTML
CSS
Vanilla Javascript
Canvas

🔋 Features

👉 Create Player (Soldier)

👉 Shoot Projectiles

👉 Create Enemy (Zombies)

👉 Detect Collision on Enemy / Projectile hit

👉 Detect Collision on Enemy / Player

👉 Shrink Enemies on hit

👉 Create Particle Explosion ob hit

👉 Add Score

👉 Add Game Over UI

👉 Add Start/Restart Game Button

👉 Add Audio Control Button

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Git
Node.js
npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/mo0hamedRadwan/Zombie-Game.git
cd Zombie-Game

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm start

Open http://localhost:8000 in your browser to view the project.