I want to make a UI animation play when a player steps on a teleporter, that will teleport them to another part of the game.
Basically, this:
but animated, so that it grows smaller until a player can’t see a thing.
Then, the circle appears and grows bigger when the player steps out.
Edit: I’m just having trouble with scaling the whole frame now, any help?
Thanks!
Yes, I know I would need tween, but I can’t really get the circle to fit the screen, do you have any tips on how I could make it in the first place? (My original picture’s size is wrong)
Use frame UI’s to fill the outlines of the circle image. so it covers more than the whole screen with black outside of the circle
Something similar to this?
1 Like
astrozzyz
(astrozyz)
March 19, 2021, 4:09pm
#6
Scale it more than just {1,0,1,0}, so the black part isn’t in the way,
caviarbro
(caviarbro)
March 19, 2021, 4:34pm
#8
Make sure to make Anchor Points to 0.5, 0.5
and then make the position of the “Portal Image” to 0.5,0.5 so it will be in perfect middle if you set the size to 1,0,1,0
If I set the size to {1,0, 1,0}
it looks weird…
caviarbro
(caviarbro)
March 19, 2021, 4:48pm
#10
You can also make the circle smaller and put amother image labels or frames to the background.
RipPBB_TUD
(testing001)
March 19, 2021, 4:49pm
#11
Wouldn’t it be kind of messy? I’m trying to make the animation where the circle gets smaller and smaller…(but I’m stuck on the positioning)
caviarbro
(caviarbro)
March 19, 2021, 4:51pm
#12
Then I dont know how would you go about fixing it other than that.
Maybe try to make the circle smaller in paint.net or photoshop etc.
RipPBB_TUD
(testing001)
March 20, 2021, 3:42pm
#13
Could someone help me with the sizing? I still can’t get it right. I have no idea how to make it fit. (I want it to come in from the sides)
RipPBB_TUD
(testing001)
March 20, 2021, 3:48pm
#14
Does anyone know what the size of the roblox screen (in studio) is? That might help… unless the size varies.
RipPBB_TUD
(testing001)
March 20, 2021, 4:25pm
#15
I’m not worrying too much about the sizing now, but how would I make something cover the sides?
(like keep up with the sides, I don’t know much tweening, so I would need help on that)
valtkins
(valtkins)
March 20, 2021, 4:41pm
#16
Why not have the circle in a frame, together with frames that cover the edges. Then you would just tween the size of the parent frame.
The circle would be in the middle and the 4 frames would be on each side.
Parent all of the objects to a single frame and tween the parent’s size only.
The circle would cover the entire screen at its biggest (Parent frame size ~ UDim2 {3,0,3,0})
And at its smallest you would see the edge frames.
Sorry if it’s not a clear explanation of what I’m trying to say.
2 Likes
RipPBB_TUD
(testing001)
March 20, 2021, 4:42pm
#17
I get it, but wouldn’t the frames become smaller, and show the edges of the screen?
valtkins
(valtkins)
March 20, 2021, 4:44pm
#18
Expand them so they’re way bigger than the screen itself
1 Like
RipPBB_TUD
(testing001)
March 20, 2021, 4:45pm
#19
Would extremely oversized frames cause any lag/performance issues when being tweened?
valtkins
(valtkins)
March 20, 2021, 4:48pm
#20
They shouldn’t, as the frames wouldn’t be that big. Only one way to find out, though.
1 Like