Tweening Problem

Help and Feedback Scripting Support
1

I was doing a opening and closing button for a ui but it doesn’t work due to a error
image
Here is the Script:

local Player = game.Players.LocalPlayer
local MainFrame = Player.PlayerGui:WaitForChild("HelpButton").MainFrame


script.Parent.MouseButton1Up:Connect(function()
	if MainFrame.Visible == false then
		MainFrame.Visible = true
		MainFrame:TweenPosition(
			UDim2.new(0.394, 0, 0.338, 0),
			"Elastic",
			"Out",
			0.5,
			true
		)
	elseif MainFrame.Visible == true then
		MainFrame:TweenPosition(
			UDim2.new(0.394, 0, 1, 0),
			"Elastic",
			"Out",
			0.5,
			true
		)
		wait(0.5)
		MainFrame.Visible = false
	end
end)

Any help would be appreciated

2

Instead of TweenPosition, why don’t you use TweenService?

game:GetSerivce("TweenService"):Create(MainFrame, TweenInfo.new(0.5), {Position = UDim2.new(0.394, 0, 0.338, 0)}):Play() -- Snippet
--TweenInfo.new(0.5, Enum.EasingStyle.Elastic, Enum.EasingDirection.Out, 0.5, true)
1 Like
3

Flip the EasingDirection and EasingStyle

"Out", -- First
"Elastic" -- Second

Also I recommend using UDim2.fromScale if you are only using the Scale

4

TweenPosition is TweenService but for UI’s?

5

It’s deprecated and much better off to use tweenservice as a whole instead.
Not to mention it has more proprieties to tween.
https://create.roblox.com/docs/reference/engine/classes/GuiObject#TweenPosition

1 Like
6

TweenPosition isnt Deprecated.

Either way in this Case, it will make no Difference, Those “Extra” Properties (Ex: Reversable and Delay) Are never really used either

7

Tweening rotation is never used in guiobjects…? Okay…
Also TweenPosition is a boolean unlike tweenservice’s animation tween where you can freely control it, such as loop it, pause it or fire a connection when it ends.

1 Like
8 
local Player = game.Players.LocalPlayer
local MainFrame = Player.PlayerGui:WaitForChild("HelpButton").MainFrame
local TweenService = game:GetService("TweenService")

script.Parent.MouseButton1Up:Connect(function()
	if MainFrame.Visible == false then
		MainFrame.Visible = true
		TweenService:Create(MainFrame, TweenInfo.new(0.5, Enum.EasingStyle.Elastic, Enum.EasingDirection.Out), {Position = Udim2.fromScale(0.394, 0.338)}):Play()
	elseif MainFrame.Visible == true then
		TweenService:Create(MainFrame, TweenInfo.new(0.5, Enum.EasingStyle.Elastic, Enum.EasingDirection.Out), {Position = Udim2.fromScale(0.394,1)}):Play()
		wait(0.5)
		MainFrame.Visible = false
	end
end)

Try this out. It uses TweenService instead of the built-in TweenPosition().

9

Ah, Missed that one.

10

That’s not how that works, You are not allowed to use Strings for EasingStyle and EasingDirection with TweenService

11

There, replaced it with the Enum variants.

12

Yess that was indeed the problem…I faced this problem so many times in the past and I was able to fix it but since I wasn’t on for a while I forgot…But I did remember it’s something simple no big change in the code, Perfect answer, Thank you so much mate :slightly_smiling_face:

13

It’s much more work why do that instead of just doing it directly

14

I would use it if it’s parts or properties of stuff…But it’s ui and it’s much simpler to use tween position and I knew that wasn’t the case…But thank you for the recommendation

15

this is eazy plugin to create ui animation

16

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