{"id":15839368,"url":"https://github.com/samme/phaser-plugin-scene-graph","last_synced_at":"2025-03-15T18:33:42.160Z","repository":{"id":57322870,"uuid":"63358690","full_name":"samme/phaser-plugin-scene-graph","owner":"samme","description":"Prints the display tree. Phaser 2/CE","archived":false,"fork":false,"pushed_at":"2020-02-05T20:01:40.000Z","size":2175,"stargazers_count":35,"open_issues_count":0,"forks_count":2,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-10-24T16:16:00.694Z","etag":null,"topics":["phaser","phaser-plugin"],"latest_commit_sha":null,"homepage":"https://samme.github.io/phaser-plugin-scene-graph/","language":"CoffeeScript","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/samme.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":"2016-07-14T18:05:52.000Z","updated_at":"2024-09-21T16:36:06.000Z","dependencies_parsed_at":"2022-09-13T19:14:18.634Z","dependency_job_id":null,"html_url":"https://github.com/samme/phaser-plugin-scene-graph","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samme%2Fphaser-plugin-scene-graph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samme%2Fphaser-plugin-scene-graph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samme%2Fphaser-plugin-scene-graph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samme%2Fphaser-plugin-scene-graph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samme","download_url":"https://codeload.github.com/samme/phaser-plugin-scene-graph/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221596990,"owners_count":16849592,"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":["phaser","phaser-plugin"],"created_at":"2024-10-05T16:04:15.983Z","updated_at":"2024-10-26T23:03:20.424Z","avatar_url":"https://github.com/samme.png","language":"CoffeeScript","readme":"Prints the display tree. [Demo](https://samme.github.io/phaser-plugin-scene-graph/)\n\nInstall\n-------\n\nIf not using `npm` or `bower`, add [SceneGraph.js](dist/SceneGraph.js) after phaser.js.\n\nUse 👾\n---\n\n```javascript\ngame.plugins.add(Phaser.Plugin.SceneGraph);\n```\n\nDebug Canvas\n------------\n\n![Print on the debug canvas](https://samme.github.io/phaser-plugin-scene-graph/screenshot1.png)\n\n```javascript\ngame.debug.renderGraph(obj, x, y, font, lineHeight);\n```\n\nConsole\n-------\n\n![Print to the browser console](https://samme.github.io/phaser-plugin-scene-graph/screenshot2.png)\n\n```javascript\ngame.debug.graph() // everything; or\n\ngame.debug.graph(obj) // 1 object \u0026 descendants\n\ngame.debug.graph(obj, { // options:\n    collapse:        true,\n    filter:          null, // function (obj) -\u003e true | false\n    map:             null, // function (obj) -\u003e \"description\"\n    skipDead:        false,\n    skipNonexisting: false\n});\n```\n\nConfigure (optional)\n---------\n\n```javascript\ngame.plugins.add(Phaser.Plugin.SceneGraph, {\n  css: {\n    dead:          \"text-decoration: line-through\",\n    nonexisting:   \"color: gray\",\n    nonrenderable: \"background: rgba(127, 127, 127, 0.125)\",\n    invisible:     \"background: rgba(0, 0, 0, 0.25)\"\n  },\n  quiet: false\n});\n```\n\nTips\n----\n\nName your groups and emitters:\n\n```javascript\ngroup.name = \"invaders\"\n\nemitter.name = \"stars\"\n```\n\nFor a quick look at a game in progress, run in the console:\n\n```javascript\n(function(game) {\n  game.load\n    .script(\n      \"SceneGraph\",\n      \"https://cdn.jsdelivr.net/npm/phaser-plugin-scene-graph@1.1.0/dist/SceneGraph.js\",\n      function() {\n        game.plugins.add(Phaser.Plugin.SceneGraph).graph();\n      }\n    )\n    .start();\n})(window.game || Phaser.GAMES[0]);\n```\n","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamme%2Fphaser-plugin-scene-graph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamme%2Fphaser-plugin-scene-graph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamme%2Fphaser-plugin-scene-graph/lists"}