How to achieve this health bar end cap effect


How is the end of the health bar achieved? The darker purple oval at the end of lighter purple bar.

Assuming the health bar fill is a Frame, I think you could put an ImageLabel (with the image set to a circle) at the right of it (via setting the Position to {1, 0}, {0.5, 0} and AnchorPoint to 0.5, 0.5). For its size, since the X size of the healthbar is variable, you should set the SizeConstraint property to RelativeYY (so that both the X and Y size scale properties are based off the Y size of the health bar fill) From there on you set the Y part of the size to 1, and the X part to how you want it to look like.

2 Likes

Thanks! I will try this when I have time tomorrow–if it works well I will mark it as the solution :slight_smile: