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

6 Likes

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

2 Likes

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

2 Likes

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

2 Likes

The cutout is an actual cutout… :sweat_smile:

2 Likes

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

2 Likes

:despair:

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

2 Likes

It can also be a normal issue

3 Likes

Yeaahhh…

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

3 Likes

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

2 Likes

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):

1 Like

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

3 Likes

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

5 Likes

Change the Zindex of the cutout

2 Likes

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

2 Likes

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…

3 Likes

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

3 Likes

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.