ClipDescendants with UICorners

Hello Developers!

Some of you may know, however, it is possible to imitate ClipDescendants with a UICorner.

By creating a new CanvasGroup inside of a ScreenGui you are able to use it to clip the corners of its descendants.

image

After creating a new CanvasGroup, you can add a UICorner to the CanvasGroup and adjust it to your liking.

image

Now that we have a UICorner in place, you can add whatever you want!

In this example, I will insert a Frame, ImageLabel, and TextButton into the CanvasGroup.

image

The top-left is the Frame, the middle-left is the ImageLabel, and the bottom-right is the TextButton.

I hope this helps anyone confused about UICorners with ClipDescendants.

FYI: This can be done with complete transparency. The blue background is only for showcase purposes.

24 Likes

Are CanvasGroups out of beta? Can they be used in games? Last time I checked they weren’t out yet but if they are this is awesome.

5 Likes

I am almost certain that they can be used. I will look at that right now. Thanks for letting me know about that!

5 Likes

Here is the link to the documentation if you want to read up on it:

From what I have read, they seem to be to a point where they can be used in-game.

5 Likes

Woah! This seems useful for making so weird lookin health bars or something like that.

I think I’m gonna save this and use this as a reference in the future. Thanks for sharing this!

4 Likes

Thank you so much for showing us this! Didn’t even know this was pssible until now…

The only annoying thing about this is that there aren’t as much properties as other frames, and when trying to add a UI element inside of it (this isn’t for the UI tab at the top of studio), the UI elements don’t show up first when I click the + button.

2 Likes

That is odd. It is still in a working state I believe, however, I am almost certain it is out of Beta. Glad this helped!