Multiplayer game with Angular and Firebase

on YouTube ↗31m

" summary

Live-code builds a browser multiplayer game with Angular components hosting a Phaser arcade physics game instance, sprite‑sheet animations, and an update/render loop; state sync uses Firebase real-time database subscriptions (WebSockets) plus Firebase Hosting and Cloud Functions for auth and server logic; deployment goes to Google Cloud Engine via firebase deploy; demo supports live players and debugging, addresses scaling up to 10,000 concurrent users, and the prototype runs successfully.

AI-written summary · about

" chapters (13)

1. 0:00Agenda
2. 1:08Game Framework
3. 6:46Basic Game
4. 8:27Sprite Sheet
5. 9:43Create Phase
6. 10:23Update
7. 11:10Force
8. 11:25Demo
9. 12:42Integration
10. 17:30Multiplayer
11. 18:18Authentication
12. 19:28Database
13. 23:24Firebase Data

" related talks

• 22mMultiplayer Game with AngularMichael Haberman · AngularUP 2017
• 22mBuilding Angular2 & Firebase applicationFáris Ismail · Ng-Poland 2017
• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017
• 49mLet Firebase help you to build better Web appsJuarez Filho · GDG DevFest Hamburg 2017
• 31mBuilding games with AngularJSAri Lerner · ng-europe 2014
• 34mAngular is on Fire(base)!Shmuela Jacobs · JSPoland Conf 2017
• 21mThe Best 20 Minute Angular & Firebase Video You’ll Ever SeeDavid East · ng-conf 2020: Hardwired
• 28mServerless Angular, Material, Firebase and Google Cloud applicationsLoiane Groner · DevFest Florida 2019