[Behavior] SplinePath

It's a behavior which was getting dusty on my hard drive, so I cleaned it a bit, and I'm posting it here.

The idea is to set Spline Path for Sprite, making them moves along a spline with a smooth path.

<img src="http://dl.dropbox.com/u/1412774/SplinePathBehavior/demo.png" border="0">

The spline code is adapted from here : https://github.com/MmmCurry/jquery.crSpline. Instead of setting the (X,Y) position via CSS and jQuery.fx, I'm directly accessing the (X,Y) position of the Sprite.

The spline used is Catmull-Rom, allowing the trajectory to go through the points, instead of Bezier, where the control points and the trajectory points are different.

The demo : http://dl.dropbox.com/u/1412774/SplinePathBehavior/index.html

The capx : http://dl.dropbox.com/u/1412774/SplinePathBehavior/splinepathbehaviordemo.capx

The plugin : http://dl.dropbox.com/u/1412774/SplinePathBehavior/pode_splinepath.0.1.zip

Edit : the demo uses R0j0hound's Canvas, for the trail.

Thanks again!

Any plans for stuff like speed, and resetting points?

newt : yes, I'm planning to add speed (allowing you to choose how much time between two points), and resetting the behavior.

Thanks i haven't had time to use this yet due to redoing my PC, but is there a At End of Path feature, say Reverse, or Jump to Beggining...?

If not this would be great for Patroling Enemies.

tonycrew : for the moment, you need to do that manually, by adding points for the "go-back" path, but thanks for the suggestion, I'm going to add it.

Thanks that will be great and save alot of time....

very useful...tnx a lot Pode

Haha awesome, I was about halfway through creating my own path system! Now I can focus on the actual game creation. Thanks!

BOSSY plugin for tower defense games.

Thanks Pode!

Cool~ Can I use the algorithm of spline path in my step behavior?

rexrainbow : yes, for sure ! The catmull-rom spline itself can't be copyrighted, since it's a mathematical algorithm, but that particular implementation and way of doing is coming from the original jQuery plugin creator, so I think you need to cite him as well (MIT license), but apart from that, go for it ! <img src="smileys/smiley2.gif" border="0" align="middle" />

could you theoretically make multiple paths, and have it choose randomly, so you have a baddy walking around randomly, instead of set linear path?

Wow cool. Thanks again Pode, this is what i need. Will use it to simulate enemy AI movements :D

cool! may come in handy! i have been experimenting with it but i can't figure out how to make an object loop in a certain path? so it never stop. so, my question is, how can i do a sprite follow a circular path forever?

it's possible?

Behamut : not for the moment. I need to provide an update.