Currently in development. This project's goal is to provide a framework to create Phaser projects easily. The base project is based on Springroll and its intended purpose is to be able to create games that are run through Springroll.
This project was initially cloned from the SpringRoll Phaser3 template.
$ git clone git@github.com:clickpulp/clickpulp-spgf.git
$ cd clickpulp-spgf
$ nvm install
$ npm install
Starts the dev server
Builds app for release
Builds the app without mangling or minifying it for easier debugging
SpringRoll Seed uses Webpack as its build process. If you are not familiar with Webpack, here's how it works:
Webpack looks for an entry point, which in Seed's case is index.js.
An entry point includes and bundles any code or styles included inside itself recursively and bundles them together into one file. From there, Webpack will attempt to minify the code along the way as well as split it into multiple files when needed.
This project also comes pre-configured to load in media files, which you can achieve by importing them into your project similarly to Javascript. Webpack will handle adding them to the deployment version of the app in an assets version directory. Click here to read more about file loader.
By default, supported media types are: png | jpg | gif | mp3 | ogg | mp4
In the case where you wish to include static files in your project, SpringRoll Seed has the option to automatically add them to your build. Place any static files in the static directory and they will be included to the root of your release directory with the same structure as in the static directory.
These files will not be modified by Webpack's build process.
During development you can access these files just as you would during production. You do not need to include the static directory as part of the file path.
<link rel="icon" href="favicon.ico"/> <!-- Correct -->
<link rel="icon" href="../static/favicon.ico"/> <!-- Incorrect -->
<link rel="icon" href="/static/favicon.ico"/> <!-- Incorrect -->SpringRoll-Seed comes packaged with its own dev server that auto-reloads whenever a developer makes changes to the code base.
To start using it, just run npm start and it will be available at 127.0.0.1:8080/localhost:8080
Using html.config.js, we can modify params or swap out templates based on the needs of the project without affecting the rest of the project. html.config.js contains comments on all available options.
This branch is using a forked version of Phaser 3.55.2. It implements support for the cordova:// url prefix. This resolves iOS audio playback issues in the PBS Games App.