{"id":14961370,"url":"https://github.com/samid737/phaser3-plugin-pathbuilder","last_synced_at":"2025-05-07T00:25:15.695Z","repository":{"id":30714541,"uuid":"125790253","full_name":"samid737/phaser3-plugin-pathbuilder","owner":"samid737","description":"Draw and edit Lines, Bezier Curves, Splines at runtime, explore your scene and export your paths to Phaser","archived":false,"fork":false,"pushed_at":"2024-12-12T03:47:31.000Z","size":11896,"stargazers_count":81,"open_issues_count":67,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-19T03:46:54.562Z","etag":null,"topics":["bezier-curves","draw","games","phaser","plugin","scene","splines"],"latest_commit_sha":null,"homepage":"https://samid737.github.io/pathbuilder/","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/samid737.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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}},"created_at":"2018-03-19T02:24:01.000Z","updated_at":"2025-03-01T08:12:06.000Z","dependencies_parsed_at":"2023-11-15T18:27:12.449Z","dependency_job_id":"99518858-0b47-4ab7-9713-2e1f65d63a91","html_url":"https://github.com/samid737/phaser3-plugin-pathbuilder","commit_stats":{"total_commits":110,"total_committers":4,"mean_commits":27.5,"dds":0.0636363636363636,"last_synced_commit":"2e7a078ddbb258e3eccbe698555dba62349e7af7"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samid737%2Fphaser3-plugin-pathbuilder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samid737%2Fphaser3-plugin-pathbuilder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samid737%2Fphaser3-plugin-pathbuilder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samid737%2Fphaser3-plugin-pathbuilder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samid737","download_url":"https://codeload.github.com/samid737/phaser3-plugin-pathbuilder/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252789673,"owners_count":21804479,"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":["bezier-curves","draw","games","phaser","plugin","scene","splines"],"created_at":"2024-09-24T13:24:54.928Z","updated_at":"2025-05-07T00:25:15.658Z","avatar_url":"https://github.com/samid737.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# Phaser 3 Plugin Path Builder\n\nNOTE: I notice there is not much activity on issues and can imagine issues exist. Should you encounter issues, please do submit them and I will look into it! Also any suggestions or feature requests that you would like to see, feel free to submit them via issues. Much appreciated.\n\nA tool to build paths for [Pathfollowers](https://labs.phaser.io/index.html?dir=paths/followers/) and path [tweens](https://labs.phaser.io/index.html?dir=paths/). Draw and edit Lines, Bezier Curves, Splines and Ellipses during runtime and export them to Phaser. [Demo](https://samid737.github.io/pathbuilder/). \n\n![](https://media.giphy.com/media/p3AwdolG7NFjTGTE3P/giphy.gif)\n\n## Description\n\n* Draw your path in-game.\n* Pause, resume and explore your scene while drawing paths.\n* Export created path to JSON.\n* Import existing paths from JSON.\n* Load path into Phaser and create awesome animations.\n* 90% Phaser API code.\n\n## Usage\n\n1. Grab the `PathBuilder.js` or `PathBuilder.min.js` file inside the `dist` folder.\n\n2. Load it in Phaser.\n```\nfunction preload ()\n{\n    this.load.plugin({key:'PathBuilder', url:\"\u003cpathtoplugin\u003e/PathBuilder.js\",mapping:'PathBuilder'});\n    //or if using minified:\n    //this.load.plugin({key:'PathBuilder.min', url:\"\u003cpathtoplugin\u003e/PathBuilder.min.js\",mapping:'PathBuilder'});\n}\n```\n* UI:\n\n    * Controls: \n        * Use left mouse to draw.\n        * Zoom and move trough scene using middle mouse and mousewheel.\n        * Use right mouse to select different curves.\n        \n    * Buttons:\n        * Undo          : Undo the previous path draw.\n        * Clear         : Clear the entire path.\n        * Draw          : Enter draw mode.\n        * Hide          : Hide Plugin.\n        * Show          : Show Plugin.\n        * Pause         : Pause main scene.\n        * Resume        : Resume main scene.\n        * Reset view    : Reset the camera.\n        * Snap          : Snap mouse to a fixed grid.\n        * Import        : Import existing path (JSON).\n        * Export        : Save the current path as JSON file.  \n\n### Having questions or problems with usage, suggest a feature? Please submit an [Issue](https://github.com/samid737/phaser3-plugin-pathbuilder/issues/new).\n\n## Requirements:\n\n* Phaser 3, latest recommended to guarantee matching API.     \n* Mouse with middle mouse button if you want to explore A scene.\n* Chrome browser recommended.\n\n## Dev notes\n\nRun `npm install` and then `npm run build` to build the plugin. Use `npm run dev` to run webpack-dev-server on port 8000. \n\nThere is an existing ES5 branch, but it is no longer maintained since v.1.6.1:\n\nhttps://github.com/samid737/phaser3-plugin-pathbuilder/tree/ES5\n\nContributions, optimizations, suggestions are very welcome. All changes are found in the [Changelog](https://github.com/samid737/phaser3-plugin-pathbuilder/blob/master/CHANGELOG.md);\n\n[Phaser 3](https://github.com/photonstorm/phaser). \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamid737%2Fphaser3-plugin-pathbuilder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamid737%2Fphaser3-plugin-pathbuilder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamid737%2Fphaser3-plugin-pathbuilder/lists"}