Health Bar image slowly getting smashed

[lelz9111 (GGG)]

Does anyone know how to fix health bar “image smashing”

as the player hp decreases the green part starts to slowly become a square which makes it clips threw the frame causing it to look weird

[MP3Face]

Instead of animating its size you could use UIGradients to animate its partial transparency. I posted a solution to a very similar topic 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…

[PenguinDoc9999]

You should definitely try this:

UI 9-Slice Design