Studio Beta for Experience Controls Available Now

Yeah so

Can we look into something like this instead?

3 Likes

Hi Creators,

Starting today, 2/20, we will begin testing the updated experience controls to a large number of users. The experience control layouts we are testing are all left-aligned with the chat icon included at the top.

What does this mean for you?

If you’ve already implemented a design change using the experience control APIs, they will seamlessly accommodate any shifts in reserved space and avoid colliding.

If you haven’t made a design change yet, we highly recommend you dive into Studio and test the new controls. In addition, the TopbarSafeInsets API and signal API, are accessible across both Roblox client and Studio. Leveraging these APIs will streamline the process of designing your experience UI to smoothly align with Roblox’s reserved space requirements.

Pro-Tip: Use the TopbarSafeInsets API for effortless responsive design. It smartly positions your GuiObjects within the safe zone, avoiding collision with Roblox UI. Your ScreenGui will auto-adjust its size and position for a hassle-free, seamless fit.

Please note that neglecting these changes may lead to instances where your UI overlaps with Roblox’s experience controls during the test and for the final release.

Next steps

We’re expecting to introduce updated experience controls to all users in the first half of this year. As previously mentioned, we urge you to utilize the APIs to adjust your UI for a seamless transition. We’re grateful for your patience as we work on improving in-experience controls. Together, we’re making it easier for millions to enjoy immersive experiences built by you.

Stay tuned for more updates, and as always, happy developing!

4 Likes

Can’t say how weird this design looks and feels out of place, should be improved or made smaller with the option to change the corner radius on these experience controls.

3 Likes

The biggest problem I have with this is the fact the bar isn’t 36 pixels anymore, it just makes the grooves in my brain flatten out. It would be nice if the Height setting could be resized between 36 and 58.
It’s sadly not that simple to add something like that though, as they would have to resize the UI to fit

3 Likes

why that? just get UIBlox Plugin by @Staric14 that has all icons in the image sheets

2 Likes

cool. thanks for entirely ignoring all of our criticism. really shows what kind of “love” you have.
this is complete garbage, many people (myself included) have entirely custom top-bars, which have now been completely destroyed by buttons that are 500% too big, butt-ugly, and to top it all of THE PLAYERLIST DOESNT EVEN ALIGN TO THE CORNER OF THE SCREEN!

also WE STILL CANT ACCESS ANY OF THE BUTTONS. It has been well over 5 months now.

Im going to try to make a change anyways;
An option to remove the “experience controls” altogether.
An option to both change the transparency, and the corner radius of the new buttons.

And of course an option to go back to the 36 pixel buttons, which were more than sufficient.

11 Likes

oh also to add onto this, since we’re not allowed to add buttons we have to add completely black buttons around the current ones (which are already too big), and forced to make them bigger
image

1 Like

This design is so awful, a downgrade from the previous one we’ve had. The buttons are chunky and the newly introduced button have only report button function for my game - why do I need a chunky button on my screen just to open a report screen?

This is worst UI update Roblox had to date.

And at least give us an option to remove that new button which has 0 useful functionality in most games.

6 Likes

image
When new chat received switches the chat icon, 5 seconds returns to experience control icon

because im not a man of hollow words, i took a couple of minutes to design something that’s still big, but way better placed and proportioned
image
image
the icons are 40x40 pixels, positioned 5pixels from the top, and 5 pixels from the left. the experience controls is 10 pixels from the menu icon.
all of the icons have been squared off alot more.

This looks alot better (in my opinion and a couple of people i asked) than whatever you have created, and it took me 10 minutes. what’s your excuse?
(also the curves are 0.15 instead of 1)

28 Likes

This is actually an acceptable design which also has this “blocky” style that matches Roblox name.

4 Likes

This is literally better than the official design, it’s sad how even a professional designer cannot compete to yours. Keep it up honestly, this is amazing. :slight_smile:

3 Likes

THIS IS INSANE, HELLO?!

I would LOVE to see Roblox make a menu based off of this! I really love how fresh and unique you managed to make it be simply relying on the rounded-square design Roblox used for years now.
Roblox should genuinely look at this, even though I know the are not the kind of people to (sadly) take that much suggestion. (Even from an important group in their platform)

10/10, please make more UI design, this has an INSANE quality.

7 Likes

I would have appreciated a heads up before rolling it out. Maybe there was, and I just missed it?

Anyways, had to find out through players that this was being rolled out.

Screenshot_20240222_153922
so, like

how do i get rid of all this junk next to the menu button?
i dont want any of this. it ruins the immersion.

4 Likes

Okay, but can we talk about this for a moment?
How come the new experience controls manages to turn off your camera settings? I haven’t suffered from this issue ever since I switched laptops, but I despise how Roblox still refuses to fix something that could still be very much important for someone that is having the same struggles I had back in November because of it.

Also, on this same topic, dying too many times with the camera preview enabled eventually makes your Roblox crash, and I can only assume that every time your character resets the code inside of it is not dumped properly.

TL;DR: Please, give us camera settings back and avoid leaving memory leaks around the code. :pray:

*Psst!* In case you don’t believe me, simply switch back and forth with the FFlagEnableInGameMenuChrome flag, you’ll quickly notice the lack of camera settings on the new experience controls!

2 Likes

Im actually really surprised you are going forward with this. I dont think Ive seen any positive reaction to this, maybe except the occasional “oh it looks pretty modern I guess”.

I appreciate the chat button always being visible, but why not just do that for all buttons at that point? The unibar is so overly complicated and ugly.

6 Likes

Thank you for your feedback :3

even though I know the are not the kind of people to (sadly) take that much suggestion.

Yeah unfortunately :frowning:
I hope they look into it, if they even care…

1 Like

Does anyone know if there’s a way to check if the new topbar is enabled for the local player?

You could probably use GuiService.TopbarInset and check if the Height property is greater than 36. (Do not count me on this one, I did not do further tests and it is late night for me!)
Alternatively, you could try using GuiService:GetGuiInsets() for that. (It returns two Vector2s)

Basically, it’s somewhere either inside of GuiService or StarterGui.

1 Like