Trying to create a TransitionFrame Loading in Screen for a little project of mine.

[fallen shard]

So currently my studio looks like this,

StarterGUI
└ LoadingScreen (ScreenGUI)
├ Frame (UICorner Inside) (Frame)
├ TransitionFrame (Frame)
├ SpawnButton (UICorner & LocalScript Inside) (TextButton)
├ TextLabel
├ TextLabel
├ TextLabel

What I'm trying to achieve is for the big Black Frame (TransitionFrame) to start, on the right side but off screen. Then once I've clicked the SpawnButton, for the TransitionFrame to slide left, until it exits the screen on the Left Side, but whilst its sliding over, I want the current GUI I have on my screen to dissapear, including the text labels, spawn button and the Frame (NormalFrame)

[steep forum]

Just set the TransitionFrames Position to be outside of the screen and when the player presses the spawnbutton you use a Tween to move the TransitionFrame to the other side of the screen. And make the ZIndex of the TransitionFrame higher so it covers the other Gui components

[fallen shard]

What is a "Tween" and how do I access that?

[steep forum]

https://youtu.be/okbX_NtmEqc?si=BHFJ_y2FB1j_KLJ3 Here is a tutorial for it. Before you start asking: You can also use Tween Service on 2d elements. I don't remember if he talks about it in the video but if you need help figuring it out ask me.

[fallen shard]

Oh man that helps alot, thanks so much, I've asked ChatGPT and Dola AI and it's done nothing at all to help.. 😅

[steep forum]

Yeah AI kinda sucks when it comes to Gui i think.