Code Monkey home page Code Monkey logo

battle-arena's Introduction

Battle-arena

Battle royale game for the real ones. Built with Phaser 3 and Colyseus, Battle arena - battefield honor is a survival game in its epiphany which brings players in unkown locations of a map together and force them to fight for thier survival. It came form the concept of popular games such as Fortnite or Pubg

Technical information

  • Our game's frontend is developed in PhaserJS - a js framework which gives us the possibility to build HTML5 games with less stress.
  • Our game's backend is done with nodeJS which uses Colyseus to implement a powerful multiplayer game server.
  • The sound, image assets from the game are all from various internet sources (All Open Source)
  • The map of the game has been drawn using Tiled Map Editor - a powerful tool to draw game maps.

What we have already implemented

  • The display of the map on the game.
  • The mouvement of the player and its rotation according to the position of the mouse even while moving.
  • The connection between the client and the server which permits us to:
    • Send message between players to see, who is dead, who just entered the party, who left it etc
    • The server to send updates about some crucial information such as other players position in the map
  • The firing of the bullet by the player and its collision with other player to eliminate them.
  • The score which shows how many players has been eliminated by a particular player.|

What we still have to implement

  • SoundTrack when the playing in the game.
  • Sound effects for the game (bullet firing).
  • HUD's to display the useful information about the player such as its health.
  • Multiple rooms to host multiple parties and add limitations to number of player allowed per room.
  • A Menu system to help the player navigate along the game.
  • Powerups and special abilities that the player can have along the game.
  • More weapons of course!!!
  • Authentication for persistent players and those who wnat to keep thier gained XP's and rewards. (primarily with facebook)
  • intergration with facebook instant games(optional).
  • push notification systems and data storage implemented with firebase for players to be able to save thier highest scores, XP's and rewards.

How to install it

To be able to install and run the game, you need to download:

  • Git
  • Node - take the LTS (latest stable version) version

After installation of the above programs, if you didm't have them...

  1. clone the repository by entering the command below in your terminal.

git clone https://github.com/ArnolFokam/Battle-arena.git

  1. Navigate to the folder of the project using your terminal

  2. Next, enter this command in your terminal to install the dependencies you need for the game. npm install

  3. Then run this command to run the game server on your computer. npm run start:server

  4. That's it. Your server is up and running. By now, you can open a couple of pages to test it on you computer.

Note: if you want others to access the webpage and play the game. You must be connected through the same network and the must replace the localhost in the url with your IP address in the network.

To know your IP address in the network. this link may help you. ๐Ÿ‘‰ Find your computer's IP address

Who is behind this

Three brightful minds namely:

Arnol Fokam - JS Ninja and cold blooded Game architect.
Teddy Baha - Firebase Samurai and Ace critical thinker.
Alex Jordan - Graphics Sensei and Gamer in the Soul.

battle-arena's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.