Skip to content

ColinVDH/realtime-multiplayer-in-html5

 
 

Repository files navigation

Realtime multiplayer in the browser

This is a fork of realtime-multiplayer-in-html5, the source code that is referenced to in this article.

The code is heavily refactored to separate concerns and make it easier to add functionality.

New functionality compared to the original:

  • Creating, joining and leaving rooms manually.
  • Support more than 2 players.
  • Non in-game interface uses React.
  • Login in to a given server with a name.
  • Fireing of bullets.
  • Player changes color when it is hit by a bullet.
  • Use webpack to build the client app.

Changes compared to the original:

  • Fake lag removed. (For simplicity reasons, maybe this should be added again?)
  • Removed color changing.
  • Removed dat.gui for setting options. Uses a React component instead.
  • Moved help view to a React component.
  • Show debug stats in React component instead of in the game.

View the demo of the client here. You must start a server yourself and connect to it!

Usage

NOTE: Requires Node version 6 or higher.

Run the server (will run on http://localhost:4004):

npm start

Run the client (will run on http://localhost:8080):

npm run client

Resources

About

💻🌍💻 Realtime multiplayer game in the browser.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 62.2%
  • CSS 34.6%
  • Shell 3.0%
  • HTML 0.2%