How do I fix this UI issue?

[RocketSlither (Distinguished_Gent)]

I am making a health bar, and I have a style I like, but I am coming across an issue. whenever the health bar gets low, it starts to look weird.

image 1 (full health):

image 2 (low Health):

[airbowscopegothack (jaymisonob)]

Try set the initial of the UI size to full health bar.

Instead of sizing, move the bar instead.

[ if u need a demo ask me! ]

(Hope you understand, idk how to explain)

[RocketSlither (Distinguished_Gent)]

I don’t understand, a demo would be nice!

(thanks for helping)

[airbowscopegothack (jaymisonob)]

I will show when i got into my pc!

[airbowscopegothack (jaymisonob)]

Could i have a quick view of ur UI layout?

[RocketSlither (Distinguished_Gent)]

does this work?

bar and health are the main importance

[airbowscopegothack (jaymisonob)]

I was gonna send a video but it got too big, and i dont think it can help out much.

Try have this set up. not sure if it works…
Here’s the set up:

Frame - Your Health Bar
Cover - ClipDescentdants [ MAKE SURE Background Transparency is 1 ]
Bar - Your Bar [ the one that covers ur health bar ]

Settings:
Frame [ Health Bar ] - However you like
ClipDescendants [ Cover ] - Same size as health bar
Bar - Same size as health bar as well

How it should work:

Frame [ Health Bar ] - Place it wherever you like
ClipDescendants [ Cover ] - SAME position as health bar
Bar - OPPOSITE Position [ left side ] - make sure players can’t see the bar if their health is 0%

Make the Bar move to the right to fill up the health bar instead of sizing to fill up the health bar. [ Hope it’s clearer to understand ]

Give it a try! [ Really hope this helps! ]

If theres problems and you dont understand anything pls speak up!

[RocketSlither (Distinguished_Gent)]

I see what you are saying, but you get this very gross cut

is there any other possible solutions?

[airbowscopegothack (jaymisonob)]

Apologies, i don’t understand the gross cut meaning… Are you saying the straight line in the middle?

[RocketSlither (Distinguished_Gent)]

yes, I would perfer if it was not there

[airbowscopegothack (jaymisonob)]

How would you like it to be? Like the Health Bar edge? Like this kind of shape > ?

[RocketSlither (Distinguished_Gent)]

like this. a V shape would work though

[airbowscopegothack (jaymisonob)]

Not sure if it works but in your script you could try sizing + positioning at the same time

However make the initial sizing 25% and positioning just nice at the left edge of the health bar.

[VegetationBush (FartedWayTooHard)]

If you don’t want a sharp cut, you can use a UIGradient to slowly tune down the transparency. The image is irregular, so resizing it smoothly wouldn’t work out.