So in Nova Corporation’s Site 006 they have this really cool main menu UI:
So, I wanted to make something similar to that for my game. I wanted to start with the cool bottom and top lines tweening outwards. So to do that, I decided to have 4 UI’s:
and when the player clicks the button (Ex, the credits button or any other main menu button.) the Frames will tween to their desired size. (Ex; the top second Frame will move .3 in size to the right, while the left first Frame will move -.3 to the left.)
Issue
So I made a script that will move the UI’s on the right, to the right (0.04) and the lefts to go to the left (-0.04) it worked, but I don’t know why in the beginning the lefts tween to the right, then tween to the left:
At first, I didn’t know what was the issue, whether it was the right side tweening incorrectly or the left.
So I decided to make the right side tween to the size -0.4 like the left and I found out it was the left.
I also made the left tween to the right position, and it was working fine. I don’t know why this is happening.
all the UIs:

This is my script, its a child of the screen Gui thats the parent of all the UI’s
--UI's
local TestButton = script.Parent:WaitForChild("TestButton")
local BottomFrame2 = script.Parent:WaitForChild("BottomFrame2")
local BottomFrame1 = script.Parent:WaitForChild("BottomFrame1")
local TopFrame1 = script.Parent:WaitForChild("TopFrame1")
local TopFrame2 = script.Parent:WaitForChild("TopFrame2")
--Services
local TweenService = game:GetService("TweenService")
--Variables
local tweeninfo = TweenInfo.new(1,Enum.EasingStyle.Sine,Enum.EasingDirection.Out)
local FirstsGoal = UDim2.new(-0.04,0,0.017,0)
local SecondsGoal = UDim2.new(0.04,0,0.017,0)
--Tweens
local BF2Tween = TweenService:Create(BottomFrame2,tweeninfo,{Size = SecondsGoal})
local BF1Tween = TweenService:Create(BottomFrame1,tweeninfo,{Size = FirstsGoal})
local TF1Tween = TweenService:Create(TopFrame1,tweeninfo,{Size = FirstsGoal})
local TF2Tween = TweenService:Create(TopFrame2,tweeninfo,{Size = SecondsGoal})
--Functions and events
TestButton.MouseButton1Click:Connect(function()
BottomFrame1.Visible = true
BottomFrame2.Visible = true
TopFrame1.Visible = true
TopFrame2.Visible = true
BF1Tween:Play()
BF2Tween:Play()
TF1Tween:Play()
TF2Tween:Play()
end)
Please do not ask people to write entire scripts or design entire systems for you. If you can’t answer the three questions above, you should probably pick a different category.