Looping nested Animation

Leuchti

Hello Guys,
I am quite new to Spine and I am wondering what your approach would be to create the following:

We are developing an interactive Book/Game for kids and we would like to use Spine for laying out complete scences (with the help of the photoshop-script) as well as for the actual animation.

In the first scene of our story a sailboat should drive on screen from left to right.
My idea was to have a boat-skelleton with a looping animation (sails moving, boat swinging etc.) and as a second step move the whole skeleton from left to right, while the animation inside loops on and on...
Unfortunately this approach seems not to work, as nested animations do not exist in Spine and the translation from left to right takes much lunger than the loop of the swinging boat. Please correct me if I am wrong...

There are two solutions (better to say -> workarounds) I see so far...
1) Put the boat-loop in an external Spine-File (which is then loaded during runtime) and move a placeholder instead from left to right in the scene.
2) Duplicate the keyframes of the loop several times, until the animation of the swinging boat is at least as long as the move over the scene

I would love to hear how you would create such animations or if there is a built in solution for loops in Spine which I do not know. As I mentioned above I am pretty knew to Spine and thankful for all hints. 🙂

Leuchti

Søren

I would put the boat in a separate skeleton, you can have multiple skeletons in the same project in Spine. Then at runtime you can move the boat programmatically.

Leuchti

Thanks Shiu for your reply!
This is possible, but it would be very hard, to code a nonlinear movement during runtime. Am I wrong?
For example if you think of the ship changing speed and direction while it moves from one side of the screen to the other.
Just voted for paths to animate movement in the trello board. ;-)

Thanks again.

Søren

You could place the boat on a bone that is not the root and add a little horizontal movement to that, still making sure it loops. Then at runtime you move the root. This would make the movement non-linear.