Jump to content
Search Community

Jump Effect Example

PG1 test
Moderator Tag

Go to solution Solved by Cassie,

Recommended Posts

Hi, 

Sorry for such a broad question but can someone point me toward a pen or gsap example of a jumping effect - text, icon, whatever - im struggling to recreate a realistic jump effect (i'm thinking squash a little, explode upward, realistic physics arc and then squash a little on landing sort of thing).

 

Codepen link shows the effect i want to build.

Any help much appreciated.

Pete

See the Pen MWgbqON by hexagoncircle (@hexagoncircle) on CodePen

Link to comment
Share on other sites

  • 2 weeks later...
On 8/26/2021 at 2:22 PM, Cassie said:

CustomBounce is a really easy route 👀
 


You can do it yourself but you'll have to synchronise the squish with the jump.

Thanks for this - any idea of the correct codepen imports for it? The ones in the example pens dont seem to work. More broadly is there a decent cheat sheet for the imports across the board?

  • Like 1
Link to comment
Share on other sites

19 hours ago, GreenSock said:

Sorry about any confusion there - I assume you're talking about the ones in the CodePen collection, right? Those were from the old version but I just updated them for GSAP 3 so you should be all set now. If you find one that isn't updated, just let us know and we'll get that fixed pronto. 

Thats great thankyou!

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.
×
×
  • Create New...