Attempting to crop an image for a loading bar

[anythingoliver (oliver)]

Hey, DevForum!

Right now, I am creating a game for someone that uses a XP bar as one of the UI’s. But I’m having a small issue with making the image look flush.

After doing some research, I came to the conclusion that I have to crop, not change its size (so that the image says normal, it just cuts off at a certain point).

I’ve done some research, and the common solution is to either use ClipDescendants = false, or to use ImageRect(Size/Offset). I’ve found that neither of these work for me.

Here is what I am attempting to achieve

Here is a video from another forum post that had the same issue, but they used a solution that wouldn’t work for me.

Thanks!

[MP3Face]

Same issue I solved prior:

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…

[anythingoliver (oliver)]

Thank you! I didnt see this when searching!