How can I have my HP bar decrease without the texture getting squished

[Aspecky]

I have this HP bar:

But when I decrease the size, the texture gets squished like so:

How would I setup the hp bar for that not to happen?

[GreenStom_I (i3_6Core)]

maybe the one in the front should be not the Black bar in the back.
so the red bar is in the back, (when the HP decrease The back bar will change size and not the red one). but sure now the black one will be Squished

[MP3Face]

Check out my solution here:

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…

[2jammers]

Change the texture’s ScaleType to Enum.ScaleType.Tile. Your gui texture will then act like the texture object.

[Aspecky]

You mean Crop, cause that worked, thanks for leading me the right way.

[2jammers]

Crop does not solve what you are trying to do here. Crop uses the size of the image itself, then crops out anything else. You should use Tile as I said.

Just change the tile size to whatever you wish.

While using crop, your texture gets larger as the size becomes larger, and vice versa.

[Aspecky]

Crop is what I want, title didn’t achieve this result.

[2jammers]

Is crop achieving the same thing as stretch? If so, you have to change the tile size to offset for this to work. By default, its both scale 1,1. But if you want crop thats fine.