Convert TweenMax to gsap 3

[Brendan8c]

How to convert the given TweenMax code to gsap 3?
I tried changing it but it didn't work for me.
I will be glad if you help me with this.

See the Pen bGqWYje by brendan8c (@brendan8c) on CodePen

[OSUblake]

Welcome to the forums @Brendan8c

 

Normally I would advise against animating the transform attribute like that, and just use GSAP properties like x, y, and rotation, but I didn't want to mess the animation as it already works.

 

See the Pen eYegRwL by GreenSock (@GreenSock) on CodePen

 

Also, here's the Migration Guide for v3.

 

 

[Brendan8c]

49 minutes ago, OSUblake said:

Welcome to the forums @Brendan8c

 

Normally I would advise against animating the transform attribute like that, and just use GSAP properties like x, y, and rotation, but I didn't want to mess the animation as it already works.

 

 

 

 

Also, here's the Migration Guide for v3.

 

 

Yes, thank you, you helped me. 
I've tried setting properties like x, y, and rotation, but the animation behaves differently.

 

gsap.to('.blob', {
    duration: 2,
    x: "random(50, 0.1)",
    y: "random(20, 0.8)",
    rotation: "random(-0.1, -0.8)",
    ease: Linear.easeNone,
    repeat: -1,
    repeatRefresh: true
})

 

[OSUblake]

Yeah, that's why I said I would normally recommend using x, y, and rotation, but it won't work the same with the original animation due to the way transforms are stacked with the 2 rotations in there... rotate() translate() rotate().