Draw and edit Lines, Bezier Curves, Splines at runtime, explore your scene and export your paths to Phaser
NOTE: 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.
A tool to build paths for Pathfollowers and path tweens. Draw and edit Lines, Bezier Curves, Splines and Ellipses during runtime and export them to Phaser. Demo.
Grab the PathBuilder.js
or PathBuilder.min.js
file inside the dist
folder.
Load it in Phaser.
function preload ()
{
this.load.plugin({key:'PathBuilder', url:"<pathtoplugin>/PathBuilder.js",mapping:'PathBuilder'});
//or if using minified:
//this.load.plugin({key:'PathBuilder.min', url:"<pathtoplugin>/PathBuilder.min.js",mapping:'PathBuilder'});
}
UI:
Controls:
Buttons:
Run npm install
and then npm run build
to build the plugin. Use npm run dev
to run webpack-dev-server on port 8000.
There is an existing ES5 branch, but it is no longer maintained since v.1.6.1:
https://github.com/samid737/phaser3-plugin-pathbuilder/tree/ES5
Contributions, optimizations, suggestions are very welcome. All changes are found in the Changelog;