Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

New to Spine. How do I go about making an unfurl animation?

wilgotwall

Hey! Loving Spine, but it's very new for me.
I have a parchment/scroll that I want to unfurl, how would I go about doing this?
It's going to be a normal paper at the beginning, and then it expands downwards and upwards to reveal the full paper.
How would I achieve this?

Misaki

wilgotwall Welcome to the Spine Forum!

Unfortunately, we don’t have an official tutorial that covers this specific topic, but the following video might be helpful for what you’re trying to do:

It’s a very well-made tutorial. However, please note that unfurl animations can be somewhat complex, so it might be a bit challenging if you’re completely new to Spine.

As a general principle, when working with major deformations—such as unrolling a scroll into a flat sheet—it’s important to prepare the artwork in its straightened form first. Then, bending it within Spine will produce a much cleaner result.
We explain the basics of mesh setup in more detail in the following blog post: Blog: Mesh creation tips: vertex placement

wilgotwall

Thank you.
I will take a closer look at this when I can.

I want to add that I don't necessarily need to make a great unfurl animation to start; I could also just make the top and bottom of the paper 'slide' to the top and bottom, but the problem then is that I don't know how to fill the area between.
For example, if I make the top and bottom parts of the paper individual layers, and then I animate them so they move up and down respectively, there is going to be transparent/empty space between them.
How do I fill an area like that? I've worked in Premiere and After Effects and in softwares like that you'd just use a mask and animate it so it'd fill as the paper was going up/down.
Does that make sense haha?

Misaki

wilgotwall I'm sorry, but I don’t fully understand the animation you have in mind. However, Spine does have a clipping attachment that functions similarly to a mask, so you can create animations that involve masking.

It might be best to try creating a simple version of the animation first, and then ask about any parts that don’t work as expected.

wilgotwall

Misaki

Okay, I did sort it by just scaling the paper up on the vertical axis because I can't use masking and mesh as I don't have the pro version (yet!).
Is there a better way to do this? The cuts in the paper ends up looking weird because it stretches.

wilgotwall

Thank you. That's really good to know!
I'll try this later today and get back here if I have more questions 🙂