How to make a smooth UI

Help and Feedback Scripting Support
#1

Hey everyone! So I am making a obby but I have a problem I know that UI is a big part of a game and a game needs to have good UI in order for players especially younger children to enjoy the game. So what I am trying to achieve is a UI transition like something in ninja legends however I do not know how to make such a smooth pop up this is my current code and children within the StarterGui section:

  • Screen GUI

  • Frame within the screen GUI

  • A Button within the screen GUI

  • And 1 local script in the ScreenGUI
    Code

script.Parent.Frame.Visible = false
script.Parent.TextButton.MouseButton1Up:Connect(function()

script.Parent.Frame.Visible = true

end)

2 Likes
#2

i actually dont know what animatoin is in ninja legends i didnt play that game but i use TweenService for animating.

script.Parent.MouseButton1Down:Connect(function()
script.parent.frame.Visible = true
end)

for beginners you can use GUI:TweenPositions
or TweenSizes

Edit: There is nothing that based on tweenservice.

2 Likes
#3

I know what tweenservice is but I don’t want it to be a transition across X and Y I want it to be a smooth Pop Up anyway thanks for your help

#4

Idk what you mean by smooth ui can you send screenshot on what you wanna get?

1 Like
#5

Sorry I can’t find any examples maybe other people will understand

#6

Do you want your gui to have rounded corners??

#7

Yes that would be nice but rn my main priority is to make a smooth pop up

1 Like
#8

They have GUI plugins lemee go get the link

1 Like
#9

https://www.roblox.com/library/5456016573/Edge-Rounded-Corners

3 Likes
#10

Roundify helped so much thank you for introducing me to this wonderful plugin

1 Like
#11

Roblox has rounded corners built-in already → UICorner.

5 Likes
#12

to make a smooth fade in, do this:

local UI = script.Parent.Frame

script.Parent.TextButton.MouseButton1Up:Connect(function()
    for i = 0,1 do
        UI.BackgroundTransparency = i
    end
end)
1 Like
#13

Script doesn’t work you just reworded my already existing script anyway thanks for the help

1 Like
#14

I am pretty sure you have to put it in a local script. Not a script if that’s what your using

#15

Ha I may be a beginner scripter but I am not that dumb rest assured I used a local script