How would one go about making a UI very similar to what the game 'Midnight Racing Tokyo' has in its menu?

It still doesn’t achieve my desired effect…Everything scaling in unison

maybe offtopic, but here’s some trick:
remove the aspect ratio constraint from each button, but move a single one to the list layout

upd: it’s grid layout special, womp womp

1 Like

I have also stated another method. Similar to what @ow9u has said. Here:

Sadly this doesn’t achieve my desired effect too


let’s keep trying, I’m liking this trial and error because I’m constantly learning new things :muscle:

image
like this? It at least scales how I want, but it’s way too small because the ratio only goes up to 10, like in the video above

And this has no effect:
image

This is cursed. Please input the value rather than using the slider. Input a value that you like and test it. I suppose a value of 20 or 30 would work.

Oh wow, I didn’t know you could just enter a number. It still doesn’t work :sob:
It leaves gaps where the sky peeks through:

in the first case the ratio is applied on “topMenu” frame, not listed buttons… like as expected.

can you repeat what’s your current problem?
i’m confused a bit

No problem, I can clarify some things :smiley:
Notice how this part (highlighted in green on the picture) scales



I want my topMenu to scale in the same way. All in unison. That’s it :joy:
But now I see how difficult it is and I’m glad I asked for help, I’d never be able to figure this out on my own :pray:

well first of all original top bar aligned to the right, i don’t see it in your gui. it’s, like the first thing i notice.
then, you don’t have limits in size on Y axis.

and etc.

…i think would be better to recreate what you need with an example:
right-sided-topbar.rbxl (54.9 KB)

This is better, however it doesn’t scale side to side like the video above. It doesn’t shrink when you squish it laterally. I think it’s a step in the right direction though! :smiley:

One thing you can do is to make a frame inside the topbar gui and put all buttons in that frame and use the aspect ratio in that frame as well. This way, it would cover the screen properly and scale the buttons. Though, make sure that the base topbar frame does not have a ui aspect ratio and the second frame is transparent with the aspect ratio.

It works! Guys, thank yall so so much for your patience with me! Is there any way to mark two posts as the solution? If not, I’ll make my own post and credit both yalls posts :smiley:

All credit goes to @NoxhazeI, @ow9u, and @AstraIWanderer for the help!

This is what the hierarchy/tree looks like:
image

Here’s a video of how it works :smiley:

Again, thank you all so much for the help!

So who helped you actually solve it? Me or the others? If it was me then please mark my post as the solution and not yours. I see you’re using my solution so please mark my post as the solution for people to know.

All of you combined. @ow9u for the hierarchy and you for the final tip that made it work. I’ll mark your post as the solution because you want it so much :smiley:

I do not want it. Your mentality kind of concerns me honestly. It does not matter if everyone contributed to a topic. What matters is that who is the one who actually provided the solution. If you do not want to follow the rules then go ahead. Moderators will take action.

well you all worked together and provided the solution. You all built on top of each other to get to the result I wanted. I guess you did put the final nail in the coffin, so your post technically is the solution :smiley:

Yes, if you feel like others also contributed then what you did to sepretely ping them was a good idea. But marking your post as the solution was not. Anywho I hope that you have now understood most of the basic structure on the forum.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.