Game Development with Vue.js / Nuxt.js and Phaser
summary
Combines Vue.js/Nuxt.js with Phaser to run UI and canvas side by side, demonstrating four concrete integration patterns: Vuex store entities (game objects in the store), reactive game entities (store-backed properties wired onto Phaser sprites), store watchers and subscribed actions to trigger non-state effects. Shows working demos: a color-picker bound to a Phaser canvas, selectable/jumping shapes and live Tweens. Notes performance limits: avoid high-frequency physics/state churn in Vuex; best for adventure/puzzle/browser game jams; provides links and working examples.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:27Why browser games
- 3:39Why Phaser
- 6:48Why Vuejs
- 8:03Why React
- 9:45Store
- 10:42Reactive Game Entities
- 12:09Stall Watchers
- 14:18Subscribed Action
- 15:08Phaser Entities
- 27:21Can you use Phaser
- 28:49Game examples
- 31:34Question
related talks
32mVideo Games with Vue, Lessons Learned
34mNuxt + Vue: The Game-Changer Your New Projects Deserve
40mRemaking Retro Games with Vue.js
27mAdvanced animations with Vue.js: taking your interface to the next level
43mRemaking Retro Games with Vue.js
49mVue and Vuex: Structure your app with centralized state management
10mBeyond HTML with Vue
44mRemaking retro games with Vue.js