Skip to content

A game starter project which using Phaser, Vue, ES6, Webpack.

License

Notifications You must be signed in to change notification settings

unmarco/vue-phaser-starter

 
 

Repository files navigation

Vue + Phaser + ES6 + Webpack.

A project to create games with Vue + Phaser + ES6 + Webpack.

Features

  • Vue based (https://vuejs.org/)
  • Phaser framework (https://www.phaser.io/)
  • Vue Router imported
  • ESLINT with JavaScript AirBnb Style configuration
  • Next generation of Javascript
  • Browsers are automatically updated as you change project files
  • Webpack ready
  • WebFont Loader

Setup

You'll need to install a few things before you have a working copy of the project.

1. Clone this repo:

Navigate into your workspace directory.

Run:

git clone https://github.com/ttzshawn/vue-phaser-starter

2. Install node.js and npm:

https://nodejs.org/en/

3. Install dependencies (optionally you can install yarn):

Navigate to the cloned repo's directory.

Run:

npm install

or if you chose yarn, just run yarn

4. Run the development server:

Run:

npm run dev

This will run a server so you can run the game in a browser. It will also start a watch process, so you can change the source and the process will recompile and refresh the browser automatically.

To run the game, open your browser and enter https://localhost:3000 into the address bar.

Build for deployment:

Run:

npm run build

This will optimize and minimize the compiled bundle.

Credits

Big thanks to these great repos:

https://github.com/lean/phaser-es6-webpack

About

A game starter project which using Phaser, Vue, ES6, Webpack.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 86.0%
  • Vue 9.3%
  • HTML 4.7%