Jump to content

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

Sin movement with GSAP

Go to solution Solved by akapowl,

Recommended Posts

Hello there,


I tried to reply the smooth movement of the yellow ball with GSAP when it's up and down. I'm sure there is one way to get this. I get something but It isn't a good result, the green ball make rough change when finish.  I made an example in codepen to understand it better.


Anybody can help me please?


Thanks !!!



See the Pen VwmWJyJ?editors=1010 by sanprieto (@sanprieto) on CodePen

Link to comment
Share on other sites

  • Solution


Hey @Sanprieto


By default, GSAP applies an ease: 'power1.out' to the tweens - that is what makes the direction change appear rough.

You might want to consider adding an inOut-ease - sine.inOut feels like the right way to go for me.


See the Pen c4cfb17c90ed6b5baeb9a0b7452afc91 by akapowl (@akapowl) on CodePen



Is that better for you?



  • Like 4
Link to comment
Share on other sites

It's perfect !!!!

thank you so much.

I have a lot to learn about GSAP is amazing.

  • Like 2
Link to comment
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.