{"id":21535432,"url":"https://github.com/brenopolanski/phaser-es6-starter","last_synced_at":"2025-04-10T01:50:54.876Z","repository":{"id":48251681,"uuid":"89028299","full_name":"brenopolanski/phaser-es6-starter","owner":"brenopolanski","description":":rocket: A template for writing Phaser Games based on ECMAScript 2015 (ES6) + Webpack + Progressive Web Apps for rapid game development.","archived":false,"fork":false,"pushed_at":"2021-08-11T04:04:54.000Z","size":4873,"stargazers_count":33,"open_issues_count":12,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-24T03:34:30.763Z","etag":null,"topics":["canvas","game","html5","javascript","phaser","phaser-boilerplate","phaser-es6-webpack","webpack"],"latest_commit_sha":null,"homepage":"http://brenopolanski.com/phaser-es6-starter/","language":"JavaScript","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/brenopolanski.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-21T22:27:33.000Z","updated_at":"2024-10-29T12:05:33.000Z","dependencies_parsed_at":"2022-08-30T02:31:47.582Z","dependency_job_id":null,"html_url":"https://github.com/brenopolanski/phaser-es6-starter","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brenopolanski%2Fphaser-es6-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brenopolanski%2Fphaser-es6-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brenopolanski%2Fphaser-es6-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brenopolanski%2Fphaser-es6-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brenopolanski","download_url":"https://codeload.github.com/brenopolanski/phaser-es6-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248142857,"owners_count":21054667,"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":["canvas","game","html5","javascript","phaser","phaser-boilerplate","phaser-es6-webpack","webpack"],"created_at":"2024-11-24T03:15:10.660Z","updated_at":"2025-04-10T01:50:54.857Z","avatar_url":"https://github.com/brenopolanski.png","language":"JavaScript","funding_links":["https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=WNXA4YYGQCJZG"],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/phaser-es6-starter.png\"\u003e\n\u003c/p\u003e\n\n![div](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/div.png)\n\n\u003cbr /\u003e\n\n[![Phaser](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/icon-phaser.png)](http://phaser.io/)\n[![ES6](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/icon-js.png)](https://www.ecma-international.org/ecma-262/6.0/)\n[![Webpack](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/icon-webpack.png)](https://webpack.github.io/)\n[![ESLint](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/icon-eslint.png)](http://eslint.org/)\n[![Yarn](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/icon-yarn.png)](https://yarnpkg.com/)\n[![PWA](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/icon-pwa.png)](https://developers.google.com/web/progressive-web-apps/)\n\nA template for writing [Phaser](http://phaser.io/) Games based on [ECMAScript 2015 (ES6)](https://www.ecma-international.org/ecma-262/6.0/) + [Webpack](https://webpack.github.io/) + [Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/) for rapid game development.\n\nInvite me to a coffee [![donate-paypal](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/btn_donate_paypal.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=WNXA4YYGQCJZG)\n\n## Getting Started\n\n### Installation\n\nFirst of all, install the dependencies to run this boilerplate.\n\n- [NodeJS](http://nodejs.org/)\n- [GulpJS](http://gulpjs.com/)\n\n```bash\n# Clone this repository\n$ git clone git@github.com:brenopolanski/phaser-es6-starter.git my-game\n$ cd my-game\n\n# install dependencies\n$ yarn (or npm i)\n# run game\n$ yarn start (or npm start)\n```\n\n### Game Demo\n\n[![game-demo](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/game-demo.png)](http://brenopolanski.com/phaser-es6-starter/)\n\n\u003e [Check it live](http://brenopolanski.com/phaser-es6-starter/) or see the tutorial: [Advanced Phaser and TypeScript Projects](http://www.photonstorm.com/phaser/advanced-phaser-and-typescript-projects) by [Richard Davey](https://github.com/photonstorm) at [www.photonstorm.com](http://www.photonstorm.com/).\n\n### :heart: Found this project useful?\n\nIf you found this project useful, then please consider giving it a :star: on Github and sharing it with your friends via social media.\n\n## Scripts\n\n- `yarn dev (or npm run dev)`: Starts the game on development mode;\n- `yarn build (or npm run build)`: Build game to production;\n- `yarn build:analyzer (or npm run build:analyzer)`: Build game to production and open bundle analyzer on `8888` port;\n- `yarn start (or npm start)`: Special script reserved to run production code. Change as you wish. For now, it is the same as `yarn dev`.\n\n## Tasks\n\n- `gulp template:empty`: Call to create an empty game project template in `src/` folder;\n- `gulp vscode`: Call [VSCode Intellisense for Phaser](http://www.html5gamedevs.com/topic/27418-visual-studio-code-intellisense-for-phaserjs/);\n- `gulp deploy`: Deploy compiled files at `game` folder to `github` on branch `gh-pages`.\n\n## Editor Configuration\n\n**Atom**\n\n```bash\napm install editorconfig es6-javascript atom-ternjs javascript-snippets linter linter-eslint language-babel autocomplete-modules file-icons\n```\n\n**VSCode**\n\n- [Editorconfig](https://github.com/editorconfig/editorconfig-vscode)\n- [ESLint](https://github.com/Microsoft/vscode-eslint)\n- [Babel](https://github.com/dzannotti/vscode-babel)\n- [ES6 Snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets)\n\n**Sublime**\n\n- [Editorconfig Integration](https://github.com/sindresorhus/editorconfig-sublime#readme)\n- [Linting](https://github.com/SublimeLinter/SublimeLinter3)\n- [ESLint Integration](https://github.com/roadhump/SublimeLinter-eslint)\n- [Syntax Highlighting](https://github.com/babel/babel-sublime)\n- [Autocompletion](https://github.com/ternjs/tern_for_sublime)\n- [Node Snippets](https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets)\n- [ES6 Snippets](https://packagecontrol.io/packages/ES6-Toolkit)\n\n**Others**\n\n- [Editorconfig](http://editorconfig.org/#download)\n- [ESLint](http://eslint.org/docs/user-guide/integrations#editors)\n- [Babel Syntax Plugin](https://babeljs.io/docs/plugins/)\n\n## Technologies\n\nPhaser ES6 Starter offers a rich development experience using the following technologies:\n\n| **Tech** | **Description** |**Learn More**|\n|----------|-----------------|--------------|\n| [Phaser](http://phaser.io/) | A fast, fun and free open source HTML5 game framework. | [Learn Phaser](http://phaser.io/learn) |\n| [Babel](http://babeljs.io) | Compiles ES6 to ES5. Enjoy the new version of JavaScript today. | [ES6 REPL](https://babeljs.io/repl/), [ES6 vs ES5](http://es6-features.org), [ES6 Katas](http://es6katas.org) |\n| [Webpack](http://webpack.github.io) | Bundles npm packages and our JS into a single file. Includes hot reloading via [react-transform-hmr](https://www.npmjs.com/package/react-transform-hmr). | [Quick Webpack How-to](https://github.com/petehunt/webpack-howto) |\n| [Browsersync](https://www.browsersync.io/) | Lightweight development HTTP server that supports synchronized testing and debugging on multiple devices. | [Intro vid](https://www.youtube.com/watch?time_continue=1\u0026v=heNWfzc7ufQ) |\n| [ESLint](http://eslint.org/)| Lint JS. Reports syntax and style issues. Using [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) for additional React specific linting rules. | |\n| [PostCSS](https://github.com/postcss/postcss) | Transform styles with JS plugins. Used to autoprefix CSS | |\n| [Stats.js](https://github.com/mrdoob/stats.js) | For displaying FPS/MS. | |\n| [Editor Config](http://editorconfig.org) | Enforce consistent editor settings (spaces vs tabs, etc). | [IDE Plugins](http://editorconfig.org/#download) |\n| [npm Scripts](https://docs.npmjs.com/misc/scripts)| Glues all this together in a handy automated build. | [Why not Gulp?](https://medium.com/@housecor/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8#.vtaziro8n) |\n\n## Contributing\n\nIf you want to help, please read the [Contributing](https://github.com/brenopolanski/phaser-es6-starter/blob/master/CONTRIBUTING.md) guide.\n\n## History\n\nFor detailed changelog, see [Releases](https://github.com/brenopolanski/phaser-es6-starter/releases).\n\n## Credits\n\nPhaser is a free and open source software developed and owned by [Richard Davey](https://github.com/photonstorm) at [www.photonstorm.com](http://www.photonstorm.com/). You can visit [their funding page](http://phaser.io/community/donate) and help them to make Phaser even better.\n\n## Donations\n\nDonations would be more than welcome :)\n\n[![donate-paypal](https://raw.githubusercontent.com/brenopolanski/phaser-es6-starter/gh-assets/btn_donate_paypal.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=WNXA4YYGQCJZG)\n\n## License\n\n[MIT License](https://brenopolanski.mit-license.org/) © Breno Polanski\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrenopolanski%2Fphaser-es6-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrenopolanski%2Fphaser-es6-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrenopolanski%2Fphaser-es6-starter/lists"}