This is an Angular project template with Phaser nested inside, set up to run with Electron.
Cross-Platform & Responsive
The template should run on any desktop operating system.
Flexbox integration allows for extremely responsive design elements.
Angular and Phaser can be easily decoupled from Electron to allow for mobile deployment with a different framework.
Easy to Build
Build with HTML, CSS, and Typescript
npm install electron -gto install electron globally & set path.
npm installin project root folder to ensure that all dependencies are installed.
npm run-script start command in the project root folder will concurrently run
ng serve and
npm run-script electron to fire up the project. It takes a minute for serve to finish up. Will hopefully fix this soon to wait and reload electron automatically when angular finishes compiling.
Setting up config(s) to point at correct hosting environment(s) for the project in Electron's main.js
Correctly exposing index.html to Electron as Angular runs (this has proven difficult to do in one run-script as you cannot chain commands with 'ng serve') - fixing this may fix item 1, as there will be no reference needed to host location.
Need to make use of this template to find pain points between frameworks and correct them before they occur in use of the template, to optimize ease of implementation.
Need to hide Electron toolbar, or bind to a boolean for end-user(developer).
Need to turn template into an installable Angular schematics package.
Add implementation example images and videos to README
Need to setup custom component generation
Need to integrate Electron forge for install generation of finished product(s)
Angular – The web framework used.
Phaser – The game framework used.
Electron – The software framework used.
Flexbox – The web layout model used.
- Tim Barani - Initial work - TBosak
See also the list of contributors who participated in this project.