Tweening a logo/loading thing

how can i tween something to look like this

basically I want it to start with that little o logo on the right and tween to the left and turn into oceanic like that, but how can i do it smoothly, i cant figure it out is there any tips or tutorials?

3 Likes

You can make a completely white frame and place it over the “ceanic” part. Then, tween the frame to move out of the way.

1 Like

but how will the logo move to the left and the frame moves too??

1 Like

What?

character limit

1 Like

You can do this the complicated way allowing a transparent background or the easy way. Just have a white frame behind the logo and move the frame with the logo which reveals the complete logo.

1 Like

i tried that but its not smooth when i do it?

1 Like

It depends on;

The time set in your TweenInfo and
The animation set in your TweenInfo

Try changing one of these two things or both and you may see better results.

1 Like

What I would do is parent a white frame to the logo so it appears “behind” the logo, then set the size to cover the name. Then tween the logo to the target position. The white frame should follow suit uncovering the name synchronously.

To make it less confusing, set the white frame’s anchor point to (1,0) and then set the position to (1,0) while parented to the logo.

1 Like


this is how i got it looking but it looks so unsmooth, and it doesn’t look alligned

1 Like

i did try doing that but its always a similar result as to the one above

1 Like

Try setting the EasingDirection to InOut.

Enum.EasingDirection.InOut
1 Like

Id use Circular for EasingStyle with the EasingDirection as Out. See how that looks like!

1 Like