Issue With UI Ripple Effect

Hey there!
I made my own simple module for a UI ripple effect for when you click on a button.
However I have the problem that the ripple effect just ignores UI corners and exceeds the boundaries of a button when a UI corner is present.
ClipDescendants is set to true on the object the effect gets parented to.

Screenshot

image

Have you tried using CanvasGroup?

No I have not
Until now I didn’t actually know that was a thing
Could you give me a quick rundown of how it would work in my scenario to fix the issue?

Clip Descendants do not work for UI Corners, there is no fix for this yet, you would just have to live with it. One possible band aid is to make 2 GUI elements that basically cover the edges of the frame excluding the corners and then adding the ripple to it which would indeed leave the corners but would still look a bit good.

Well apparently there is a method to get this working. I have seen multiple games where this is not a issue

Without CanvasGroup:
image

And with CanvasGroup:
image

1 Like

Thanks a lot, that was all it took to fix the issue
Appreciate it!

Just a little tip, I know this has been solved- but be very generous when you use CanvasGroups. Don’t use them on large elements or lots of elements if you can help it. They are very intensive and quality is lost if the user has low graphics quality.

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.