Does anyone know how to make a gui go over the client menu?

I’m just wondering how to make a gui go over the client menu?

I want to make something like this


just want to know how.

Apparently, it has something to do with the topbar and ignoring the padding there. Those UI pieces you see are apparently ViewportFrames which allows “rendered” objects within. It is probably fitted with some other UI objects that allow its sizing to be consistent.

Yes, those are viewport frames and you can find them here.
To use them first set it up like so:


I just changed the background transparency to 1 and scaled and moved it a bit.
Then you want to create a part (or whatever you want to render in it) and put your camera how you want the viewport frame to see it. Something like this would be nice.

Then duplicate your camera in the workspace
image
Drag the camera you just duplicated into the viewport frame.
image
Then in the viewport frames properties, click the “CurrentCamera” property then click the camera that’s in the viewport frame.

Then just put the part you want to render in the viewport frame and you’re done!

You can change the camera’s CFrame and tween it, that’s in-depth in the tutorial at the top of this reply.
But simply just do this to change it.
(the script is in the camera)

script.Parent.CFrame = CFrame.new(Vector3.new(0, 6, 4))

Hope this helped!

1 Like

Oh that is easy!

  1. Go into the ScreenGui’s Properties.

  2. Find IgnoreGuiInset

  3. Check that on.

And that is all! If you want me to teach you how to make the TopBar transparent, just let me know!

@Dorthsky, he was not asking for the pictures of the people. He wanted to know how to make the GUI ignore the TopBar. Thanks for contributing though :slight_smile:

3 Likes

Oh, alright. Must have misunderstood then.
Still, kind of fun making that though

1 Like

Oh, I wish I knew that before. I’ve just been offsetting my gui’s 36 pixels higher. :sweat:

2 Likes