How to simulate jumping animation?

[Tony Song]

Hi GreenSock devs,

I wonder how to simulate jumping from the left to right, not just up-down.

I achieve it using MotionPath plugin, but seems like it's not jumping in curve/curly, but like moving 1 point to 1 point. 

Could anyone please help with this? thanks in advance!

 

Regards,

 

Tony

See the Pen RwMwBJP by tonywei (@tonywei) on CodePen

[GreenSock]

I read your question a few times, @Tony Song, but I don't understand what you're asking. Can you please be more specific?  Is there a GSAP-specific question you have?

 

You might want to look into CustomEase. 

[Tony Song]

2 hours ago, GreenSock said:

I read your question a few times, @Tony Song, but I don't understand what you're asking. Can you please be more specific?  Is there a GSAP-specific question you have?

 

You might want to look into CustomEase. 

Hi GreenSock

sorry if i'm not clear enough

 

the pink ball jumping animation is not curvy.

let me draw the example:

 

And the one I want to achieve is the curvy jumping path, like real jumping ball:

Hope I elaborate my question

[mvaneijgen]

@Tony Song I've set the  `curviness:` property of your path to `3` and now the path seems much more curvy, see the docs for a more detailed explanation https://greensock.com/docs/v3/Plugins/MotionPathPlugin

 

See the Pen vYRYvrZ?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

[Tony Song]

1 hour ago, mvaneijgen said:

@Tony Song I've set the  `curviness:` property of your path to `3` and now the path seems much more curvy, see the docs for a more detailed explanation https://greensock.com/docs/v3/Plugins/MotionPathPlugin

 

 

 

Hi @mvaneijgen

thanks a lot!!! I didn't know the "curviness" exist!

 

Regards

 

Tony

[mvaneijgen]

@Tony Song Glad to help! 

 

Be sure to check the docs, they are great. Most of the entries also have a video where everything is explained in detail! Also with this one, the curviness property is demonstrated at minute 10:19