Multiplayer Game with Angular

on YouTube ↗22m

" summary

Live-coded a working browser game using Angular 4 component plus Phaser for rendering, with Phaser loaded via scripts (pixi and p2 order matters) and WebGL fallback to canvas. Game uses a 96-frame 32x32 sprite sheet, Phaser arcade physics and velocity-based movement, and Firebase as real-time backend: client writes position updates and subscribes to changes so multiple browsers show multiple cats pushing birds. Demo runs and is playable; live debugging exposes sync timing and FPS tradeoffs.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to talk
2. 1:21Game overview demo
3. 2:48Choosing game framework
4. 8:18Phaser in Angular component
5. 12:34Game update and animation
6. 14:22Angular for non-game UI
7. 17:34Adding multiplayer with Firebase
8. 21:55Summary and conclusion

" related talks

• 31mMultiplayer game with Angular and FirebaseMichael Haberman · ngVikings 2018
• 31mBuilding games with AngularJSAri Lerner · ng-europe 2014
• 31mBuilding games with AngularAri Lerner · Spotlight: AngularJS 2014
• 07mFun and Games with AngularWendy Kong · NG-MY 2019
• 40mMultiplayer Gaming Architecture and DesignSrushtika Neelakantam · HalfStack Online May 2020
• 44mBuilding Flappy Bird in AngularCarlos Caballero, Estefanía García · GDG DevFest Galicia 2019
• 59mWorkshop - Test Drive a Browser Game With JavaScriptZach Briggs · RailsConf 2014
• 40mFrom the World-Wide Web to the World of IoTUri Shaked · Angular Camp 2016