How I want it to be
How it is in roblox
1 Like
You would have to use a round image button and change the scale type or resize mode or something like that sorry i don’t remember the name and then enable clipDescendants and for the moving circle simply move a frame inside the button
You should be able to tween the transparency of a UIGradient effect to “mask” the circle like you want it to work
use a canvasgroup with clipping and ui corner. then put a rectangle in there for the overlay.
It creates the overlay how it should be but its idk how to tween it
Here’s a semi-comprehensive guide on how to get this effect:
first, you need to set up the transparency sequence, it should look like this.
second, change your offset (in whichever axis you want) to test if the rotation is fine, if it doesn’t mask as intended, then change the rotation in increments of 90 until it works
once you’re done testing, change your offset back to 0,0
now, onto the tweening part:
In order to tween this, you need to tween the Offset property, Offset is a Vector2, so in my case, i would tween Offset to Vector2.new(0,0) when i want the overlay to be completely on, and to Vector2.new(1,0) when i want the overlay to be gone, it will obviously vary depending on how you set your rotation, so my exact Vector2 values might not directly work for you, just experiment with it until it works for your case.
That should be all! if you run into any problems, please do let me know and i’ll try to help you out 
1 Like
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.