How do i curve a 2D tween?

[Th1s_David (david)]

I want to curve a tween for opening some UI, but im not exactly sure how to do this, i want to make it go something like this:

Don’t bully my great artistic skills please

[Doomcolp (dxxmed)]

It looks like logistic growth but I don’t think there’s an easingStyle for that

Probably some way to get around this but im unsure

Im wrong, path2d is the answer like that one guy said

[sonic_848 (killer)]

You might want to explore and research bezier curves. I know this isn’t a lot but its a starting point

[Th1s_David (david)]

I did explore a bit into that, but math bounces straight off my head

[sonic_848 (killer)]

I heard there’s Roblox modules that allow you to even avoid the math. Maybe look for those?

[EtNowis]

if it is a circular arc, you could have a parent frame at the circle center. place the image under the parent with appropriate offset, then tween the Rotation of the frame.

[GamEditoPro]

Bezier is just interpolating between N points N-1 times to get result. Like for 3 points ABD, lerp firstly AB and BC, to get DE, and then lerp DE to get result.
If math scaries you, not go for developing…

[submerso106 (Sub)]

Hi! Like EtNowis said you can create a frame and position the element you want to rotate at the boarder. Rotating the Frame via a tween will rotate the UI with it

If you don’t want the UI to be rotated, you can start another tween acting on the UI on the opossite direction with the same properties than the frame’s tween

[GE_0E]

you can use Path2D | Documentation - Roblox Creator Hub to achieve that

Path2D Full Release - Updates / Announcements - Developer Forum | Roblox

[EtNowis]

didn’t know about this!
this is the guide, and contain an example that use the tween service too

2D paths | Documentation - Roblox Creator Hub

[Azurethpat (man)]

You can use Path2D Path2D | Documentation - Roblox Creator Hub, it’s documented by Roblox and allows you to create 2D curves.

Edit: Was already mentioned by someone else, my bad!