Skip to content

PhillipUg/spider-attack

Repository files navigation

Project: Spider Attack

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

Contributors Forks Stargazers Issues


Logo

Spider Attack

View Demo · Report Bug · Request Feature

Table of Contents



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.

Product Name Screen Shot

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:
      git@github.com: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

Logo

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

Spider

Logo

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

Bullet

Logo

  • Role: Captain Jack Weapon
  • Damage: 100

Explosion

Logo

  • Role: Spider Explosion

Welcome Screen

Product Name Screen Shot

Start Game

Product Name Screen Shot

Credits

Product Name Screen Shot

LeaderBoard & Reload

Product Name Screen Shot

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

Acknowledgements

📝 License

This project is MIT licensed.