• Editor
  • GUI (healthbar?) example?

Hello everyone, I am fascinated of what we can do with Spine. Now I have a real challenge because I need to do some prototype of UI (main menu/healthbar/skills cricle) and I have no idea how to deal with it.

Could You please show me the way? Maybe someone have simple healthbar with animated hp level or simple buttons and could send me a project?

Thank you so much and have a nice day 🙂

Related Discussions
...

I'm not sure if health bars are the best thing to do in Spine.

You generally get a lot of value by doing chunking and so-on procedurally in your engine. That said, you can do it and it's no different than creating a normally rigged character.

However, to control the HP bar's fill, you'll be coding that in your engine anyways.

As of the moment, no version of spine has a feature like: "Playing animation to X% of completion" and it also doesn't handle "Go from current value to new value Y at Z rate" very well using animations.

@Xelnath, actually it does. Spine-Unity has a sample scene for it too.

I agree, a simple healthbar itself may not be "ideal" to animate in Spine.
But if you want to animate parts of the UI in complex poses over the 0% to 100% health states (imagine a hilarious smiley face that interpolates into a frown), Spine can be an easy way to prototype that, or even use it for the final UI if it's complex enough.

Are you just an animator?
Because on the animator's side, healthbar stuff is as simple as animating a 30-frame (1 second) animation.
frame 0 represents 0 health.
frame 30 represents full health. And that's it.
It doesn't even really need to be 1 second, but it's most convenient for starting out as it makes things cleaner on the code side.

The programming side requires specific instructions, but not much. Basic knowledge of how Spine Skeletons are posed by Spine Animations will be informative.