Popularity
0.8
Growing
Activity
0.0
-
18
4
2

Description

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.

Programming language: TypeScript
License: MIT License
Tags: Nodejs     Web Frameworks     Cross Platform     HTML     Angular     TypeScript     Css     JavaScript     Template     NPM     Flex     electron     Game Design     Phaser    
Latest version: v1.02

Coher3nTS Project alternatives and similar modules

Based on the "Web Frameworks" category.
Alternatively, view Coher3nTS Project alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of Coher3nTS Project or a related project?

Add another 'Web Frameworks' Module

README

Coher3nTS Project

Codacy Badge GitHub Gitter GitHub stars GitHub watchers Twitter URL

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


Getting Started

Prerequisites

Node.js and Angular CLI
(you shouldnโ€™t need to go past step 1)
Electron

  1. npm install electron -g to install electron globally & set path.

  2. npm install in 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.


paypal


*Note that all licence references and agreements mentioned in the Coher3nTS Project README section above are relevant to that project's source code only.