How to make an HP bar GUI?

[Wizzthepixelcat (hecker)]

Hi, I need some help with game UI/GUI’s. Because I suck at it.

1. What do you want to achieve? Making the HP bar move down when damaged, and move up when healed.

2. What is the issue? I suppose you could say being dumb when it comes to game UI. ;-;

3. What solutions have you tried so far? I’ve gotten free models for them, but I just feel unsatisfied doing it that way.

This one is pretty simple. All I need is some code help with sizing with UDIM or whatever the heck it’s called. I’m very bad at making UI/GUI’s, mostly because I know absolutely nothing about them. So I suppose you could also help me to learn what goes on with game UI/GUI’s.

[MP3Face]

this sounds like it might help:

How to fix Image Health Bar Appearance when Size is changed?

Sure, add a UIGradient to the bar. Edit its Transparency number sequence (click the “…” to get to the graph editor). Make it have a sharp jump from 0 to 1 transparency at the end of the sequence, like having time 0 set to value 0, time 0.999 set to value 0, then time 1 set to value 1. Now, you can make the bar animate by setting the UIGradients’ Offset vector2. Without rotating it, you’ll be animating the Offset.X value from 0 (100% full) to -1 (0% full). You can see how that would look by sett…

might also check out the other questions linked to that solution, as they’re similar and may contain code.