Coher3nTS Project
This is an Angular project template with Phaser, 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.
Easy to Build
Build with HTML, CSS, and Typescript
Getting Started
Prerequisites
Node.js and Angular CLI
(you shouldn’t need to go past step 1)
Electron
-
npm install electron -gto install electron globally & set path. -
npm installin project root folder to ensure that all dependencies are installed.
Running
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.
To Do
-
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)
Built With
-
Angular – The web framework used.
-
Phaser – The game framework used.
-
Electron – The software framework used.
-
NodeJS – The Javascript framework and package manager used.
-
Flexbox – The web layout model used.
Authors
- Tim Barani - Initial work - TBosak
See also the list of contributors who participated in this project.
