I’m sure everyone has played a battlegrounds game. I’m not making another clone, but I wanted to make a similar ultimate bar. However, I don’t know how I can prevent an overflow of the inside bar going outside the image. Here is my bar, an imageLabel:
I want the inside to fill up with the progress bar I have shown below, but it goes outside of it.
I’ve already tried using a CanvasGroup and ClipDescendents, but it just doesn’t work since the imageLabel outline is a box, and the image label has custom edges.
Any help is appreciated, and if there was already a similar topic or tutorial posted please link it!
Currently not possible, the 2D engine doesn’t have features like masking. The best way is to create your full bar image with your desired dimension, put that inside a Frame with ClipsDescendant enabled which is the GuiObject that resizes.
The only caveat with this method is that your bar image itself has to use offset size to prevent it from automatically resizing.
