Thanks. Yeah, of course. So the way I use them is like this:
- There are three parts, the background, the fill and the foreground. The “follow” bar is optional and the same as the fill bar.
- In the engine, after importing them, add them to the same container on top of each other and set the size of the bar.
- Make sure to use nine-slicing or nine-patch for the sprites depending on which engine you are using. This will make sure that you can stretch the sprites without the pixel art being scaled incorrectly and keeping it crisp.
- Then via code, you can simply resize the “fill” bar sprite to match the value of the health.
If you need engine specific instructions, please let me know which engine you are using and I’ll be happy to explain further.
And if you need help with the coding side of things, I can help with that too.
Hope this helps. :)