{"id":14963973,"url":"https://github.com/sun0fabeach/vue-phaser3","last_synced_at":"2025-05-16T06:07:01.863Z","repository":{"id":32768011,"uuid":"128910603","full_name":"Sun0fABeach/vue-phaser3","owner":"Sun0fABeach","description":"Vue 3 + Phaser 3 + Webpack Template","archived":false,"fork":false,"pushed_at":"2025-05-01T21:09:12.000Z","size":2164,"stargazers_count":226,"open_issues_count":0,"forks_count":57,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-05-16T06:06:54.558Z","etag":null,"topics":["boilerplate","game-development","phaser","vue","vue-cli","webpack"],"latest_commit_sha":null,"homepage":"","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/Sun0fABeach.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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,"zenodo":null}},"created_at":"2018-04-10T09:48:45.000Z","updated_at":"2025-05-01T21:09:12.000Z","dependencies_parsed_at":"2023-01-14T22:10:13.281Z","dependency_job_id":"e7bb8e1e-692a-44e7-9169-a9e94d68d354","html_url":"https://github.com/Sun0fABeach/vue-phaser3","commit_stats":{"total_commits":169,"total_committers":2,"mean_commits":84.5,"dds":"0.20710059171597628","last_synced_commit":"2ee325d53cda4d4b1541eae44055322d68a3c6e8"},"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sun0fABeach%2Fvue-phaser3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sun0fABeach%2Fvue-phaser3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sun0fABeach%2Fvue-phaser3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sun0fABeach%2Fvue-phaser3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sun0fABeach","download_url":"https://codeload.github.com/Sun0fABeach/vue-phaser3/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254478190,"owners_count":22077676,"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":["boilerplate","game-development","phaser","vue","vue-cli","webpack"],"created_at":"2024-09-24T13:32:24.912Z","updated_at":"2025-05-16T06:06:56.839Z","avatar_url":"https://github.com/Sun0fABeach.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-phaser3\n\n#### Webpack boilerplate that integrates Phaser 3 into a Vue 3 project.\n\nThis project template has been set up using the **Vue CLI 5** and includes:\n* *Sass*\n* *CSS Postprocessing*\n* *Babel*\n* *Source Minification*\n\n## Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with live reloading at localhost:8080\nnpm run serve\n\n# build for production with transpilation / minification\nnpm run build\n\n# serve your production build at localhost:5000\nnpm start\n```\n\n## Extending the project to your needs\n\nIf you want to add more features like *linting*, *unit testing* or *Typescript* to\nyour own project, you can do so quite easily via Vue CLI's plugin system. Read\nthe \u003ca href=\"https://cli.vuejs.org/guide/\" target=\"_blank\"\u003edocumentation\u003c/a\u003e\nif you want to know more.\n\n## Converting into your own repository\n\nIf you want to maintain your own repo based on this boilerplate, you first need\nto detach it from this repo. Here is what you need to do:\n\n1. edit these files and enter your own project info\n\t* *package.json*\n\t* *README.md*\n\t* *public/index.html*\n\n2. delete *LICENSE* (and perhaps add your own)\n\n3. reinitialize git\n\u003cpre\u003e\u003ccode\u003erm -rf .git\ngit init\ngit add .\ngit commit -m \"Initial commit\"\n\u003c/code\u003e\u003c/pre\u003e\n\n## Sharing data between Vue and Phaser\n\nYou might want to expose some game state that lives inside of your Phaser code\nto your Vue components and vice versa, for example a highscore. Here are two\nways you can achieve sharing state between the frameworks.\n\n* Import a Phaser \u003ca href=\"https://photonstorm.github.io/phaser3-docs/Phaser.Events.EventEmitter.html\" target=\"_blank\"\u003eEventEmitter\u003c/a\u003e instance in\nboth your Vue components and Phaser modules. Both sides can then listen to and\nemit events on that emitter.\n\n* Have both sides share a \u003ca href=\"https://pinia.vuejs.org/introduction.html\" target=\"_blank\"\u003e\nPinia\u003c/a\u003e store instance. It works like an event emitter, but can also hold\nstate. The Pinia store is nicely integrated into your Vue components and is easily\naccessible on the Phaser side by applying the *useStore* hook.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsun0fabeach%2Fvue-phaser3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsun0fabeach%2Fvue-phaser3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsun0fabeach%2Fvue-phaser3/lists"}