@andrewzigler/phaser-container

Wrapper component for loading and resizing Phaser games in Vue. If provided a Vuex store instance, the component can pass the store to your game so you can share state between Vue and Phaser.

Component Props

width: (width of game in pixels, default: 800)
height: (height of game in pixels, default: 600)
pageContainer: (class name of parent element, for determining max sizes, default: 'container')
phaserContainer: (ID name of element to contain Phaser element, default: 'phaser-container')
fixedSize: (if true, prevents the component from resizing based on pageContainer, default: false)
game: (imported Phaser game file)
store: (Vuex store, default: undefined)

Installation

npm install

Development

npm run dev

Compiling

npm run build