Buzzy

How To – Make an Animated Frame When Teleporting in Roblox Studio

What’s up everyone welcome to buzzygames, my name is BuzzyGamesBeth and today I’ll be teaching you how to make an animated frame when teleporting in Roblox Studio!

• An animated frame is just like a little transition screen.
• Inside of replicated storage, I’m gonna go ahead and add a remote event, and then I’m gonna rename that to teleport screen.
• Inside of starter GUI, we want to create our screen GUI. Add our screen GUI and then our frame, our little animated frame. I’m going to rename that to teleport screen GUI, add a frame and a local script. For our frame, I want to resize it so that it takes up the whole space, so it’s going to be [1,0], [1,0].
• Inside of our local script, we have a few variables. One of them is going to be referencing the remote event that we added earlier which is teleport screen inside of replicated storage. We also have a variable for our frame. Now we have a function where if the frame is not visible, then it’ll turn visible. It’s going to wait one second, and then the frame will not be visible.
• We’re going to actually create our teleporting parts. It’s just two simple parts for me, and then I’m going to make sure to group both of them into a model called teleport parts and then renaming each part to T1 for teleporter 1 and then T2 for teleporter 2.
• We’re going to go ahead and add a script. We have our variables which references the remote event and our teleporter parts T1 and T2. We always have a debounce. Inside of our first function, we’re going to work on the T1 part first. Anytime a player touches this part, t the remote event is going to get fired, and the screen will be visible, the animated frame. Then we’ll be teleported to the T2 part.
• For our second function, it’s the same thing but instead of T1, it’s T2 and then we’ll be teleported back to T1. We can just go back and forth with these parts if we wanted to.