Spring animation

[Beingenious]

Hello,

 

I would like to reproduce the iOS spring animations with tweenmax.

The idea is to get as close as possible to the rendering by passing a duration and a damping ratio.

 

UIView.animate(withDuration: duration,
               delay: delay,
               usingSpringWithDamping: dampingRatio,
               initialSpringVelocity: 0, options: [],
               animations: {
                layerA.frame.origin.x = 300
               },
               completion: nil)

How can I proceed?

Thank you very much for your help.

[GreenSock]

I'm not sure I understand your question but I will mention: 

1. There is no more TweenMax - that's the old syntax. The modern GSAP 3 has all that stuff neatly consolidated into a single "gsap" object. Much cleaner and easier. Same functionality. See: 
2. GSAP doesn't do "springs" like that. You can use Elastic easing, create your own custom easing, or...
3. There's an InertiaPlugin that can make literally any property naturally glide to a stop and you can even set a specific end value or a range as well as the initial velocity (or it can track the velocity for you). See https://greensock.com/docs/v3/Plugins/InertiaPlugin

[Beingenious]

Thanks Jack.

 

It's true that it's much simpler / clearer to use the new GSAP 3.

 

To answer my own question, I found a library that could help me make spring animations with GSAP.

https://github.com/tannerlinsley/springer

 

I can then convert dampingRatio and duration to normal tension and friction to use it.

https://stackoverflow.com/questions/50029666/determine-springwithdamping-and-initialspringvelocity-based-off-from-friction-an

 

Have a great day