zeta-bros

Source code for the presentation: HTML5 game development example using the Phaser framework.

Zeta Bros. is a Phaser3 clone of the original Mario Bros. arcade game. Written in ES6 syntax javascript and using a webpack workflow.

Built with the gz-webpack-boilerplate!

Table of contents

• The Presentation
• Setup
• Development
• Deployment
• Webpack

Presentation

Slides from the presentation are available on slides.com. To follow development of the game as presented, look at the sequential numbered branches named beginning with Step1-boilerplate.

Setup

Clone this repo and enter the project directory:

$ git clone https://github.com/mwilber/zeta-bros/
$ cd zeta-bros

Install dependencies:

$ npm install

Development

Run the local webpack-dev-server with livereload and autocompile on http://localhost:8699/

$ npm start

Deployment

Build the current application

$ npm run build

Webpack

If you're not familiar with webpack, the webpack-dev-server will serve the static files in your build folder and watch your source files for changes. When changes are made the bundle will be recompiled. This modified bundle is served from memory at the relative path specified in publicPath.