Project: Spider Attack

This is a shooting video game built with Javascript and the game engine Phaser.

Spider Attack

View Demo · Report Bug · Request Feature

Table of Contents

• About the Project
• How to play
• Installation
• Built With
• Live Version
• Game Design
• Future Updates
• Contact
• Acknowledgements
• License

About The Project

This is a 2D shooting game. It is only browser-based and built with Phaser 3 game engine. The player's job is to try to avoid a spider infestation. So the player should keep shooting them as they appear from all angles. The main objective of the game is to keep the number of spiders on your back porche below 5. If more than 5 spiders appear, they overwhelm and defeat you.

For each spider you shoot, 50 points will be added to your score. In the end, you will be added to the leaderboard if you come out among the best.

How to play

When the game first starts;

• A dialogue box shows up requesting you to enter your name.
• After you enter your name and click submit, it takes you to another screen with two buttons, play and credits.
• Click play to start the game.
• To play, all you need to do is point with your cursor and right-click to shoot.
• Everytime you hover the game screen, the player changes direction following where you move the cursor pointer.

Installation

To use this app locally, this is what you need to:

• Download or clone this repo:
  • Clone with SSH:

    [email protected]:PhillipUg/spider-attack.git
  

  • Clone with HTTPS

    https://github.com/PhillipUg/spider-attack.git
  

• cd into the downloaded folder and run npm install
• then, run npm run start.

Built With

This project was built using these technologies.

• Phaser 3
• JavaScript
• HTML & CSS
• Netlify (for deployment)
• Webpack
• Jest
• Leaderboard API service

Live Version

To try it live click here

Game Design

The game uses a number of sprites to bring all the scenes to life. User can expect well-designed animations and map textures. Some of the sprites used include;

Captain Jack

• Role: Main Character
• Health: 100
• Damage: 100

Spider

• Role: Enemy
• Health: 100
• Damage: 100

Bullet

• Role: Captain Jack Weapon
• Damage: 100

Explosion

• Role: Spider Explosion

Welcome Screen

Start Game

Credits

LeaderBoard & Reload

Future Updates

• Add a health bar
• Make the spiders move towards the player at the center
• Limb movement animation for the spiders
• Make mobile version
• Add more levels and scenes with increasing difficulty
• Add special attack and defence features for spiders and player
• Add Bosses

Contact

👤 Phillip Musiime

• LinkedIn: Phillip Musiime
• GitHub: PhillipUg
• Twitter: @Phillip_Ug
• E-mail: [email protected]

Acknowledgements

• Microverse

📝 License

This project is MIT licensed.