uimarshall / phaser3-tb-rpg-games

This Project is a turn-based RPG game build using phaser 3 for the Microverse JavaScript capstone project. Phaser 3 is an open-source framework for Canvas and WebGL powered browser games. The game comprises two scenes. That is the Game Scene which has one player. To navigate through this scene, a player has to use the arrow keyboard keys. The enemies are hiding and the player has to navigate through the Game scene to find them. Built with JavaScript.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

README

Hireable

Turn based RPG-game

This Project is turn based rpg game build using phaser 3 for Microverse JavaScript capstone project. Phaser 3 is an open-source framework for Canvas and WebGL powered browser games.

Project Description

The project is initialized by running npm install webpack webpack-cli --save-dev to install webpack to the node_modules directory of your project. A src and dist is created in the directory with the following contents:

  • index.js file in src.
  • index.html file in dist.
  • main.js is by generated by webpack when you run npm run build.
  • A webpack.common.js is created to do the basic configurations.
  • An HTML skeleton inside of dist/index.html file.

Game Instructions(How to play)

  • Enter Your Name And Click On The Play Now Button

screenshot

  • You will be directed to the Game Options Menu

screenshot

  • If you select play, you will be directed to the GameScene where you will see a player.

screenshot

Press the right or left arrow keyboard keys on your computer to navigate through the scene and look for the enemies. Once you find them by colliding, you shall be directed to the battle scene to fight with the found enemies.Make sure you shoot the enemies or risk losing. You will use the arrows still to dodge the attacks and the space bar to launch attack.

screenshot

Game Dev and Design

Concept: Battle Of Condor is a turn based role play game(RPG). The aim of this game is to design a game with a scoring system to give the players a unique experience as they progress through the game and facing challenges as they fight the different characters who are tagged as the enemies of Condor.

  • The Story:

The city of condor has had a long battle with a group of bandits who are are stopping at nothing to take over their city. An intel was received through one of the spies at Condor that the badits are about to invade the city. The Warriors, Guards and the Reapers of Condor must fight the enemies to secure and retain their city.

The game comprises of two scenes. That is the Game Scene which has one player. To navigate through this scene, a player has to use the arrow keyboard keys. The enemies are hiding and the player has to navigate through the Game scene to find them.

The battle Scene is where the action takes place and to dodge attack, we still use arrow keyboard keys and use the space bar to attack the enemies. A message will show up on the screen to inform you of who is attacking who?.

The more the levels you win, the higher the score!.If the enemies defeat all the warriors of condor then the game will be over.

screenshot

Built With

  • JavaScript ES6
  • Phaser 3
  • Jest
  • HTML
  • CSS
  • Bootstrap
  • WebPack bundler
  • Eslint
  • Babel
  • gh-pages
  • for the leaderboard
  • Leaderboard API service

Prerequisities

To get this project up and running locally, you must have yarn, npm and node installed on your computer.

Getting Started

To get this project set up on your local machine, follow these simple steps:

Step 1
Navigate through the local folder where you want to clone the repository and run git clone https://github.com/uimarshall/phaser3-tb-rpg-games.

Step 2
phaser3-tb-rpg-games.

Step 3
Run npm install to install the packages from the package.json.

Step 4
Run npm start to open the application in a browser of your choice.

Step 5
You can navigate to http://localhost:8080/ to see your application running

Link to Live Demo:

Demo

Authors

πŸ‘€ Marshall Akpan

🀝 Contributing

Our favourite contributions are those that help us improve the project, whether with a contribution, an issue, or a feature request!

Feel free to check the issues page to either create an issue or help us out by fixing an existing one.

Show your support

If you've read this far....give a ⭐️!

πŸ‘ Acknowledgements

How to run the unit test

Fork/Clone this project to your local machine with the command git clone https://github.com/uimarshall/phaser3-tb-rpg-games

  • cd into the project directory
  • Open the terminal in your project directory
  • Make sure you have node installed
  • Run npm install on the terminal to install all dependencies
  • Type npm run test on the terminal to run the unit test

πŸ“ License

This project is licensed by Microverse and the Odin Project

  • ...

About

This Project is a turn-based RPG game build using phaser 3 for the Microverse JavaScript capstone project. Phaser 3 is an open-source framework for Canvas and WebGL powered browser games. The game comprises two scenes. That is the Game Scene which has one player. To navigate through this scene, a player has to use the arrow keyboard keys. The enemies are hiding and the player has to navigate through the Game scene to find them. Built with JavaScript.


Languages

Language:JavaScript 98.9%Language:SCSS 0.8%Language:HTML 0.3%