Sponsored session: Progressive Web Games
summary
Builds a full Progressive Web Game with canvas/WebGL using Babylon.js + Cannon.js for rendering and physics, React for UI and Firebase for auth, and shows concrete optimizations: deferring Firebase with require.ensure to save ~800ms, prefetching engine and assets to shave ~2–2.5s, creating base64 textures to avoid flash‑of‑unstyled textures, offloading collision math to a web worker, runtime service‑worker caching for offline play and a manifest display:fullscreen that works on Android but not iOS. The demo runs and is playable at mobile frame rates.
AI-written summary · about
chapters (10)
- 0:00Start
- 6:44Tools Assemble
- 9:37Fixing firebase
- 12:14Starting BabylonJS
- 17:41Adding Objects
- 20:32Animations
- 23:01Physics
- 28:15Core logic
- 30:40Bonus tips
- 33:17PW-Apping the game
related talks
56mPWA For Games: An Enhanced Web Gaming Experience
32mUsing WebGL and PWA to build an adaptive game for touch, mouse and VR devices
38mUsing WebGL and PWA to build [...] game for touch, mouse and VR
33mBuilding apps that are on FIRE
32mPractical Performance Tips Building Progressive Web Apps
23mOptimizing HTML5 Games: 10 Years of Learnings
02h 21mUnlocking Progressive Web Applications
26mProgressive Web Apps Are Easy Now - Or Are They