my game that has had development starting today has had a pretty good start. it is inspired by boatbomber’s old version of lua learning
however, I feel that not many people would like the design of the ui and so I would like to hear your opinions about it
game link: Luau's World - Roblox
https://gyazo.com/2b329755dd051266db3346a2970af72c
dont mind the ‘Completed’ leaderstats, that’s just how many tutorials that have been completed
An obvious problem with the UI is that it feels “cramped”, try using UIPadding and hold back from using TextScaled.
could i see it? i’ve tried using only scale for size and position to try to fit it on all devices
This is going off of your own video, but I’ll have a look for myself.
It’s relatively the same on my own device.
i dont really see any ‘cramped’ but im using a UIListLayout
im afraid that if i dont use textscaled, there will be a problem with device scaling
What I mean is that it just fills up too much of the screen, you need to space your items apart. For example, how the “Start” button touches the border of it’s container.
As for the TextScaled issue, why don’t you try nesting the TextLabel in a Frame, and then set the Scale to something like 0.9 for both X and Y?
Also I personally prefer being able to see more of the main content, and less of sidebars, which is a reason I own a 1440p monitor.
ill adjust the size of the content selection
It looks a little better, but what I meant was change the button’s Y scale.
ill adjust that now
as for the textscaled, ill try that too thanks
actually you know what, I can’t seem to really understand what you mean.
Do you mean adding a frame and put the text in there?
Yes, you just put the TextLabel in a Frame. I know it sounds a little odd, but I can’t really think of anything else.
could you refer to which textlabel?
The categories on the left side.
when resizing the frame, it doesnt resize the text
it just positions the text to the centre of the frame
do you have anyway to fix this?
hierarchy:
and also, does this match what you want?
Make sure you used scale and not offset for the size of both, the textlabel and the frame. Else, it’s probably because TextScaled is set to false. Personally, I would enable TextScaled but I don’t think @TestyLike3 would agree. By enabling TextScaled, the text will fit in your game. There is a downside tho as it comes with a performance and memory cost. Other than that I don’t see why you wouldn’t want to use TextScaled. By the way, the “start” button looks way better now!
thanks, I’ve used scale on every gui object however
i love how everyone who has replied is a programmer
I’ve also noticed that the roblox top-left buttons are right on top of the side buttons which doesn’t seem right. I’d guess that “IgnoreGuiInset” is enabled on the ScreenGui which causes this.
that is correct, however without IgnoreGuiInset enabled, the gui would be clipped off, do you think I should lower the gui a bit?
I’ve made a similar kind of UI with a side panel before. Here, I enabled IgnoreGuiInset but however, i made sure the side buttons were a bit lower so that there was still place for the Roblox Buttons.
in Studio:
in Game:
If you’d like to Disable IgnoreGuiInset, there is a solution to the clipping problem. You’d want to change the MainFrame’s size to {0,0, 0.1 ,0} and its position to {0,0, -0.1 , 0}
The problem when doing this is that it will look weird in Studio, but totally fine when in-game.
In Studio:
In Game:
