Skip to content

2D RPG desktop game developed in JavaScript using Phaser 3. The Player has to use arrow keys to move the sprite and the space key to beat the enemies. App uses leaderboard API to post the player score to the server. The top 5 scorers are displayed in leaderboard.

License

alishabab/bheem-rpg

Repository files navigation

Contributors Forks Stargazers Issues


Bheem RPG

Bheem RPG Game

A RPG Game developed in JavaScript with Phaser library

Report Bug · Request Feature

Table of Contents

About The Project

In this project I have built a 2D RPG game in JavaScript with the help of Phaser libraray. The main character of game is Bheem, which is inspired by an Indian cartoon character.

Bheem has to collect chests and beat the enemies to increse the coins. An external api service is used to store the player names and scores. Top 5 players are displayed in game leaderboard.

How to play

Control's

  • (←) left arrow key => Move left
  • (→) right arrow key => Move right
  • (↑) up arrow key => Mpve up
  • (↓) down arrow key => Move down
  • (Space) key => Attack enemy

Bheem RPG Game

Live Link

Click here

Installation

To run 'Bheem RPG' locally, clone the repository, navigate to it's directory.

Follow these commands step by step:-

git@github.com:alishabab/bheem-rpg.git
cd bheem-rpg
npm install
npm start

Now go to localhost:8000 in your browser.

Built With

  • HTML/CSS
  • Phaser 3
  • Webpack
  • Eslint
  • Stylelint
  • Jest
  • ES6
  • NPM
  • Github
  • Github pages for deployment
  • Leaderboard API service

Game Design

The game uses high-quality sprites to bring all scenes to life. User can expect well-designed animations and map textures. I used Tiled to design the game map.

Bheem

- Role: Main Character
- Health: 10
- Damage: 2

Game Play

Preload Screen

preload

Title Screen

title

Game Play

Bheem RPG Game

Leaderboard

leaderboard

Game development

DAYS OBJECTIVE DESCRIPTION OUTCOME STATUS
Day 1 Learning Phaser I read the project requirements and started learning about Phaser library. By the end of the day, I had good understanding of Phaser.
Day 2 Game Design During the 1st half of day, I continue learned the phaser library. In the 2nd half I prepared the basic game template and the design of game. By the end of day I had designed the game and basic UI for game.
Day 3 Game Development I spent the entire day to write the actual code for game and logic By the end of the day, I had developed the interactive game play with some bugs.
Day 4 Game Development and Testing I spent this day to fix the bugs in gameplay, added leaderboard api and wrote unit test cases. By the end of the day, I had an Interactive game play.

Potential Future Updates

  • Add multiplayer functionality
  • Saving the coins on server
  • Touch controls
  • User authentication

Authors

👤 Shabab Ali

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

About

2D RPG desktop game developed in JavaScript using Phaser 3. The Player has to use arrow keys to move the sprite and the space key to beat the enemies. App uses leaderboard API to post the player score to the server. The top 5 scorers are displayed in leaderboard.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages