MotionPath how to convert to GSAP 3

[ordinaryJoe]

Hy, I tried converting my blob animation to GSAP 3, but am having some dificulties,

 

this is my old code:

 

See the Pen JjxZLKO by Josip-Bogdan (@Josip-Bogdan) on CodePen.

 

This is my new code:

 

See the Pen xxMzLJv by Josip-Bogdan (@Josip-Bogdan) on CodePen.

[Cassie]

Could you give us more details about the 'difficulties'?

I can see that the pen is animating and I don't have any context for what it was meant to look like. What is going wrong? What are you expecting?

 

Thank you!

 

[ordinaryJoe]

Hy, sory, my first post, 

 

added the old code as codepen, so you can see the difference, the rotation is going all around now

[Cassie]

Thanks for that!

I don't have a huge amount of time right now, so this is just a quick look. But I don't think you need motionPath plugin.

If you're looking to remove the old stagger syntax and cycle I think you can just do this -

See the Pen wvNXmoV?editors=0011 by GreenSock (@GreenSock) on CodePen.

I think it could be simplified down more with template literals - I'm also not entirely sure what cycle is doing here, maybe you need wrap? It seems alright like this though.

Is there a specific goal/part of the code you're trying to change in addition to the stagger/cycle syntax?
 

 

[ordinaryJoe]

Thank you,

 

that is it.