{"id":16989399,"url":"https://github.com/tbosak/game-template","last_synced_at":"2025-06-15T12:39:23.627Z","repository":{"id":37191988,"uuid":"260523843","full_name":"TBosak/game-template","owner":"TBosak","description":"Cross-platform project template using Electron and Angular with the Phaser game engine. Project utilizes flexbox directives for easy and responsive organization of components around the Phaser canvas.","archived":false,"fork":false,"pushed_at":"2023-10-11T04:26:27.000Z","size":1155,"stargazers_count":16,"open_issues_count":29,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-04T08:11:18.049Z","etag":null,"topics":["angular","cross-platform","css","electron","flexbox","framework","front-end","game","game-development","html","javascript","nodejs","npm","phaser","template","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TBosak.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["TBosak"]}},"created_at":"2020-05-01T17:56:32.000Z","updated_at":"2025-02-14T23:47:00.000Z","dependencies_parsed_at":"2024-10-28T13:23:32.646Z","dependency_job_id":"92e04b56-09c4-4e5c-8384-dd47336729a1","html_url":"https://github.com/TBosak/game-template","commit_stats":null,"previous_names":[],"tags_count":3,"template":true,"template_full_name":null,"purl":"pkg:github/TBosak/game-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TBosak%2Fgame-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TBosak%2Fgame-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TBosak%2Fgame-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TBosak%2Fgame-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TBosak","download_url":"https://codeload.github.com/TBosak/game-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TBosak%2Fgame-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259977667,"owners_count":22941115,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","cross-platform","css","electron","flexbox","framework","front-end","game","game-development","html","javascript","nodejs","npm","phaser","template","typescript"],"created_at":"2024-10-14T03:06:19.114Z","updated_at":"2025-06-15T12:39:23.604Z","avatar_url":"https://github.com/TBosak.png","language":"TypeScript","funding_links":["https://github.com/sponsors/TBosak","https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=V5LC4XTQDDE82\u0026source=url"],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n\u003ca href=\" https://github.com/TBosak/game-template/archive/master.zip\"\u003e\n\u003cimg src=\"https://i.ibb.co/zZ6jFpq/coher3ntslogocolor.png\" alt=\"coher3ntslogocolor\" border=\"0\"\u003e\u003cbr\u003e\nCoher3nTS Project\n\u003c/h1\u003e\n\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/29fb4dffbab44f48bbb57bd6be67d5ca)](https://app.codacy.com/manual/TBosak/game-template?utm_source=github.com\u0026utm_medium=referral\u0026utm_content=TBosak/game-template\u0026utm_campaign=Badge_Grade_Dashboard) [![GitHub](https://img.shields.io/github/license/TBosak/game-template)](https://github.com/TBosak/game-template/blob/master/LICENSE) [![Gitter](https://badges.gitter.im/Angular-Phaser-Electron-Template/community.svg)](https://gitter.im/Angular-Phaser-Electron-Template/community?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge) [![GitHub stars](https://img.shields.io/github/stars/TBosak/game-template?style=social)](https://github.com/TBosak/game-template) [![GitHub watchers](https://img.shields.io/github/watchers/TBosak/game-template?label=Watchers\u0026style=social)](https://github.com/TBosak/game-template) [![Twitter URL](https://img.shields.io/twitter/url?style=social\u0026url=https%3A%2F%2Fgithub.com%2FTBosak%2Fgame-template)](https://twitter.com/intent/tweet?text=Wow:\u0026url=https%3A%2F%2Fgithub.com%2FTBosak%2Fgame-template)\n\nThis is an Angular project template with Phaser, set up to run with Electron.\n\n### Cross-Platform \u0026 Responsive\nThe template should run on any desktop operating system.  \n\nFlexbox integration allows for extremely responsive design elements.  \n\n### Easy to Build\nBuild with HTML, CSS, and Typescript  \n\n---\n\n## Getting Started\n\n\n### Prerequisites\n[Node.js and Angular CLI](https://angular.io/guide/setup-local)  \n(you shouldn’t need to go past step 1)  \n[Electron](https://www.electronjs.org/docs/tutorial/installation)  \n\n\n1. ```npm install electron -g``` to install electron globally \u0026 set path.  \n\n2. ```npm install``` in project root folder to ensure that all dependencies are installed.  \n\n\n### Running\n```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.\n\n---\n\n## To Do  \n* Setting up config(s) to point at correct hosting environment(s) for the project in Electron's main.js  \n\n* 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.  \n\n* 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.  \n\n* Need to hide Electron toolbar, or bind to a boolean for end-user(developer).  \n\n* Need to turn template into an installable Angular schematics package.  \n\n* Add implementation example images and videos to README  \n\n* Need to setup custom component generation  \n\n* Need to integrate Electron forge for install generation of finished product(s)\n\n---\n\n## Built With\n\n* [Angular](https://angular.io/) – The web framework used.  \n\n* [Phaser]( https://phaser.io/) – The game framework used.  \n\n* [Electron]( https://www.electronjs.org/) – The software framework used.  \n\n* [NodeJS](https://nodejs.org/en/) – The Javascript framework and package manager used.  \n\n* [Flexbox](https://github.com/angular/flex-layout) – The web layout model used.\n\n## Authors\n\n* **Tim Barani** - *Initial work* - [TBosak]( https://github.com/TBosak)\n\nSee also the list of [contributors](https://github.com/TBosak/game-template/graphs/contributors \"contributors\") who participated in this project.\n  \n  \n---\n\n[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=V5LC4XTQDDE82\u0026source=url)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftbosak%2Fgame-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftbosak%2Fgame-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftbosak%2Fgame-template/lists"}