{"id":15224718,"url":"https://github.com/netcell/phaser-inspector","last_synced_at":"2025-07-16T19:32:02.283Z","repository":{"id":58235036,"uuid":"42152958","full_name":"netcell/phaser-inspector","owner":"netcell","description":"Phaser Inspector Plugin allows you to inspect Phaser game.","archived":false,"fork":false,"pushed_at":"2018-03-17T13:11:42.000Z","size":2271,"stargazers_count":75,"open_issues_count":1,"forks_count":5,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-06-25T19:40:45.442Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://netcell.github.io/phaser-inspector/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/netcell.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-09T03:09:46.000Z","updated_at":"2025-05-04T20:31:20.000Z","dependencies_parsed_at":"2022-08-31T09:21:16.274Z","dependency_job_id":null,"html_url":"https://github.com/netcell/phaser-inspector","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/netcell/phaser-inspector","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netcell%2Fphaser-inspector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netcell%2Fphaser-inspector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netcell%2Fphaser-inspector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netcell%2Fphaser-inspector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/netcell","download_url":"https://codeload.github.com/netcell/phaser-inspector/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netcell%2Fphaser-inspector/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265534547,"owners_count":23783851,"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":[],"created_at":"2024-09-28T17:05:17.965Z","updated_at":"2025-07-16T19:32:02.262Z","avatar_url":"https://github.com/netcell.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# Phaser Inspector Plugin\n\n**[UPDATE] Phaser Inspector Plugin would be redesign and restructure soon to reborn as a better plugin.**\n\n**[UPDATE] Phaser Inspector Plugin now support RenderTexture on WebGL.**\n\n**Phaser Inspector Plugin** allows you to inspect your (or someone else) [Phaser](http://phaser.io) game.\n\n![Floating, resizable and minimizable](https://farm6.staticflickr.com/5619/21076450010_efa799bf08_o.png)![Intelligent Inspector with object tree, search and edit, state control and bounds drawing](https://farm1.staticflickr.com/730/21076450170_23796d65a4_o.png)\n\nThe plugin is written using [Angular.js](https://angularjs.org/) and ES6, compiled with [Babel](babeljs.io) and [Browserify](http://browserify.org/), tested on Phaser 2.1.3 and Phaser 2.4.3 running on Google Chrome Version 45.0.2454.85 (64-bit) on OSX Yosemite.\n\n**Working features:**\n- Display objects **tree** inspection.\n- Display object **class** guessing.\n- Display object **name** guessing (by looking for `this./name/` in parents).\n- **Text** as name for Phaser.Text.\n- Display objects **non-case-sensitive search** by name and class.\n- Display object **destroy/kill/hide**.\n- **Properties** inspection and editting.\n- **Texture display** for sprite/image\n- **Bounds** drawing\n- **States** list and state change\n- **Floating**, **resizable** and **draggable** panel\n- Panel **remember** position on page reload\n- **Close/minimize** panel\n- **Play/Pause** button\n \n**Upcoming features:**\n- **Transparent/Clickthrough** panel\n- Sprite/Image **load Texture**\n- **Optimize** when displaying too many display objects on the tree\n\nFeel free to follow me on twitter [@netcell](https://twitter.com/netcell) and check out [my blog](http://netcell.github.io)!\n\n## Demo\n\nCheck the `example` folder (please run `bower install` before that, and serve the folder on a server/localhost) or try that example rightaway on [this codepen](http://codepen.io/netcell/full/gapZWG/).\n\n## Download\n\nThe source is available for download from [latest release](https://github.com/netcell/phaser-inspector/releases) or by cloning the repository or download the files in `build` folder. Alternatively, you can install via:\n- ~~[bower](http://bower.io/): `bower install --save phaser-inspector`~~\n\n## Usage\n\n**NOTE:** I have only tested this plugin on Google Chrome so I am not sure how this would perform on other browsers. Also since this plugin is for debugging your game, you should not expect to use it on your mobile devices, meaning remove it (or conditionally not loading it) when deploying to mobile devices.\n\nSimply download the `phaser-inspector.js` or `phaser-inspector.min.js` script from [latest release](https://github.com/netcell/phaser-inspector/releases) and include it on your page after including Phaser:\n\n```html\n\u003cscript src=\"phaser.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"phaser-inspector.js\"\u003e\u003c/script\u003e\n```\n\nIn the `create` method in your boot state:\n```javascript\ngame.plugins.add(Phaser.Plugin.Inspector);\n```\n\nAlternatively, when running a game in the browser, you can inject the plugin in the developer console as follow:\n```javascript\nvar script = document.createElement('script'); script.src = \"http://netcell.github.io/phaser-inspector/build/phaser-inspector.js\"; document.getElementsByTagName('head')[0].appendChild(script); function phaserInspectorInject(){ if (Phaser.Plugin.Inspector) Phaser.GAMES[0].plugins.add(Phaser.Plugin.Inspector); else setTimeout(phaserInspectorInject); } setTimeout(phaserInspectorInject);\n```\n\nCheck the example in `example` folder to see it in action :)\n\n### License ###\n\nThis content is released under the (http://opensource.org/licenses/MIT) MIT License.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnetcell%2Fphaser-inspector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnetcell%2Fphaser-inspector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnetcell%2Fphaser-inspector/lists"}