Inverted UICorner

As a Roblox developer, it is currently too hard to make inverted corners without creating a new image for every corner, using UICorner it doesn’t crop inner frames which makes it impossible using todays UICorner to create perfect frames with UI inside covered with a background image or other UI that needs to fit the whole frame.

If Roblox is able to address this issue, it would improve my development experience because it will make development faster, the corners can be customized and edited in anyways you want both frames and images without uses of extra images every time you need something changed, it can also make it possible for scripts to create the corners without storing many image-ids for every image and the corners will have better quality than if you upload them yourself.

In my use case it would help me create inner rounded corners for a cross server phone I am updating the UI and at same time hide content on the inside covered with inverted UICorner:

Plain Frame:
PlainSquare

Frame with UICorner:
UICornerSquare

Frame with Inverted UICorner:
InvertedUICornerSquare
Alternative Inverted UICorner version:
InvertedUICornerSquareV2

Alternative version I thought of, clips off same amount of pixels as original UICorner, and can also be achived with just corner size -0.5,0, if they update existing UICorner. Works in opposite direction when clipping.

Inverted UICorner can be useful in many cases where corners of inner content needs to be hidden and at same time have the normal corners from UICorner, it will open up for more creativity.

41 Likes

This can [sorta] be worked around currently by playing around with Z-Index. But native support for inverse corners is also on my wishlist!

4 Likes

Not exactly what I mean, you could of course upload a image with inverted corner, but what if you want the community upload a background in an easy way like with only original background and having a script fix the corners, this can’t be accomplished that way, no matter if you use zindex or not.

Only workaround right now is cropping corners which can be a heavy job for the developer when images start to be a lot.

The way I must do it currently will require me to do that hard work eventually if this never gets added.

I have looked into many ways to accomplish it, none worked.

My solution will be that UICorner supports negative numbers.

5 Likes