Hello, I’m trying to make an health bar like this:
Basically what I’m trying to do is find out how do I make that type on health bar. Because in some games, their health bars are designed to be like that sometimes. (In some FPS games, you could encounter that kind of health bar)
As you can see there’s like the character outline while being filled with colors as it’s current health. In this case, yellow since the health is 40.
Uploaded these images to roblox and imported it to studio.
Outline:
The color background filling up the back (Behind the health outline):
Those are the two images. First is the outline, second is the silhouette. The color of the current health. Now what I am trying to do is, I’m trying to put the color background behind the outline but instead it’s showing in front. Like do I have to re-arrange the order of the images in the hierarchy (explorer)? Even if I tried, it’s currently impossible to do that. Re-arranging images/objects like putting them under the current object as a second layer or something.
You can put the filled image in a ClipDescendants enabled frame, anchoring the frame to somewhere like (0, 1), then changing the Y size scale of the frame to change the fill amount.
@HexToast Decided to put every component into one frame together. So when I code it, I can just make it visible in one line of code.
The two images named “Outline” and “Background”, they have no anchor points and position set. They’re default to zero since they are parented to the Frame named “MasterPolice”. That main frame will handle the positioning and stuff.
Now the tricky part. The frame which acts like the health bar. The colored green which is highlighted in the Explorer:
@HexToast same for the AnchorPoint? They have to be exact then. Also to make it easier for us to chat, do you have discord so I can just add you and we can talk there.
