How would you create one of those open up from no where UI tweens?

Hey Developers,

I’m trying to create a UI tween similar to what’s shown in the video below. Any ideas on how I could do this? I saw you could use UI scale, but was still confused.

It’s more or less the larger frame being sized to something really small before sizing up to its intended size through tweening. It’s probably transparent(or invisible) initially.

1 Like

Yeah that’s what I thought. I’m just not too sure on how to approach this.

The size is tweened to the smallest possible and the Visible property is set to false to hide any little parts still visible.

1 Like

How would I make it so it’s always centered even after you tween the size to it’s normal position? (In this case the center of the screen).

The anchoring point of the UI is most likely set to 0.5 on all axis.

1 Like

Gotcha. Alright, thanks for the speedy replies guys. I am going to try this after and mark a solution.

When you use Tween Service, you have to use tweeen info. These instance gets some arguments. They are: time of animation, easing style, easing direction, repeat count, etc. You can use them to make you animation difficult and elegant. To realize this idea, you can make a dummy of UI. Then make if invisible, and put outside of the screen and reduce it. Then, by using scrips, teleport it in exect point in the screen, make visible and smoothly increase it. Create some frames - menu items and move them from the main frame by scripts.

2 Likes