ScreenGUI hiding cutout

Hi,
I’m currently in the making of an iPhone 15 Pro and I stumbled across an issue.
I obviously have a cutout at the top for the dynamic island as shown below.

By putting an image on it, the cutout becomes hidden.

Is there a way to not make this happen? I tried using ClipDescendants and it did not work, because I have a front-camera as well but the UI is overlapping it.
If you require an rbxm file, here.
deleted

1 Like

I don’t understand what you’re trying to do. Can you give a reference or example?

The pill-shaped hole on the island gets overlapped by the UI. I don’t want that.

That’s what I’m trying to do, but ClipDescendants doesn’t work for this.
Hole without UI
image
Hole with UI, UI is hiding the hole
image

Change the Zindex of the cutout to be higher than the screen image.

The cutout is an actual cutout… :sweat_smile:

I see, so you’re trying to mimic the decal appearance? SurfaceGuis don’t have that ability, though.

:despair:

Guess I’ll have to wait for this to become a feature in the future or hide the camera

It can also be a normal issue

Yeaahhh…

I guess I’ll have to stick what I got I guess… thanks though :slight_smile:

I can try to make it since I’m bored if you show me exactly what you want to do, as I still don’t understand the dynamic island appearance/camera you want

I still don’t understand the dynamic island appearance/camera you want

I’ll try to explain it again…

This is the cutout of the island, shown below.


That’s an actual hole, because it’s a mesh, right.

Applying a UI to it, hides the cutout.

My goal is to keep the cutout like a decal… without using a decal.

Example with a decal (the way I want it to look):

Oh, then, unfortunately you can’t. SurfaceGuis render on a flat panel the size of the part, while decals and textures render the geometry again with the image on it.
image

That’s unfortunate then…
Thank you though for trying :slight_smile:

2 Likes

Change the Zindex of the cutout

I stated earlier… the cutout is an actual cutout, not a frame or an image

Well instead of making an actual cutout, you could make a frame Gui and add a UICorner and set the CornerRadius to “1” (for the UICorner) and then size it to how you wanted it, and that can be your “cutout” although it won’t be a legit cutout…

1 Like

Oh I’m sorry. Didn’t read the replies, my bad.
I think the best thing to do is to make the model without a cutout. Add a roundified label at the top of the phone as the cutout and set its zindex higher than the other UI.
Probably the best solution

1 Like

you can just make a super thin part, put it on the phone,and apply surfacegui, then scale it down so the cutout is still there

I don’t understand what you mean really… :sweat_smile:

Step 1: Insert a Basepart, Part
Step 2: Make its size match the phones size
Step 3: Copy the “SurfaceGUI” instance from your mesh to the Basepart “Part”
Step 4: Scale the Basepart “Part” down on its Y axis until it does not cover the cutout.