Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Fluid animation middle step

Recommended Posts

Hello animators! Hope you are having a nice day.


I have a problem animating paths and the middle step, it takes too long, so I want it to be more fluid between start and finish, so when the paths meet in the centre does not take that long. I want to use easings so I cannot use Linear.None.


Can you help me out? Thanks and warm regards to the community.

See the Pen abpEXNZ by eduardfossas (@eduardfossas) on CodePen

Link to post
Share on other sites

Hey @eduardfossas,


Welcome to the GreenSock Forum.


I'm not sure what exactly you want to achieve.
Sometimes a special ease for entire timeline helps - so tween the timeline ...


See the Pen RwNKBrB by mikeK (@mikeK) on CodePen

By the way: You are still using the old GSAP syntax.


Happy tweening ...



  • Like 5
Link to post
Share on other sites

Hello @mikel


Thank you very much, this is exactly what I was looking for.

I want to thank you all your patience, knowledge and help that you offer in this forum to the whole community.


And thanks for shouting out that I am still using 2 syntax, I will refractor asap, it is much cleaner.


Warm regards.

  • Like 2
Link to post
Share on other sites


Thanks and happy migration ...

  • Like 1
Link to post
Share on other sites

I'd probably recommend the approach @mikel takes in his demo, but another option is to easeIn to the first tween and easeOut of the last tween. All other tweens on the timeline (middle tweens) would then use linear or none.


Make sense?


Happy tweening.



  • Like 4
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.