How to do teleport effect

Please excuse my awful example I am terrible at art but I am trying to create a animation for when players teleport. The black covers the entire screen when teleporting and then when the teleport is over it unshrinks and reveals the screen again from the center.

1 Like

I’m guessing you mean like the Animal Crossing loading screens?

It’s really simple, actually. You need to upload a 1024x1024 (the largest Roblox allows) image of a black square with a circle cut from the centre (leaving you with just the rounded edges, and a mostly transparent image).

From there, you need to fill the outer edges of the ImageLabel/ImageButton with plain black Frames. You then have to tween the circle mask image’s width to be equal to the vertical length of the screen (bottom left to top right). This should be the simplest way to make sure the corners of the mask aren’t visible when the transitioning screen exits.

5 Likes