Phaser CE Workshop using ES6

A workshop to create awesome games with Phaser Framework 🎮

Demo: https://proyecto26.com/phaser-real-time

Paht Finding and Isometric worls

git clone -b isometric https://github.com/proyecto26/Phaser-Workshop.git

Demo: https://mmermerkaya.github.io/phaser-isometric-demo/

Basic client server interaction

git clone -b client-server https://github.com/proyecto26/Phaser-Workshop.git

Demo: https://proyecto26.github.io/phaser-real-time/

Basic server update loop and client interaction

git clone -b server-client https://github.com/proyecto26/Phaser-Workshop.git

Server client prediction

SOON

Preparation

• Hello world, the Phaser introduction!
• Node.js basics
• Phaser Webpack template

Real-time games

• Client prediction: Inputs will be collected and sent to the server, and states (positions, frames, etc) can be updated while waiting for the messages to come back from the server.

• Lag Compensation: The clients simulate (Interpolation) while the server rewinds the simulation and then sends out the confirmation message to the clients.

Intructions to run the projects

• Client side:

cd client
npm start

• Server side:

cd server
npm start

Resources

• How to make a multiplayer online game with Phaser, Socket.io and Node.js
• Multiplayer space-shooter game
• Interest management for multiplayer online games
• Fast-Paced Multiplayer

Credits

• Joe P: http://phaser.io/sandbox/UuTkxwqm/play
• Mertcan Mermerkaya: https://github.com/mmermerkaya/phaser-isometric-demo
• Jerome Renaux: https://github.com/Jerenaux/basic-mmo-phaser
• Tom Van Schoor: https://github.com/TVScoundrel/mmo-phaser-es6
• Gabriel Gambetta: http://www.gabrielgambetta.com/client-server-game-architecture.html

Supporting 🍻

I believe in Unicorns 🦄 Support me, if you do too.

Donate Ethereum, ADA, BNB, SHIBA, USDT/USDC, DOGE, etc:

Wallet address: jdnichollsc.eth

Please let us know your contributions! 🙏

Happy coding 💯

Made with ❤️