gsap and physics

[imomi]

Hello Greensock!

First of all thank you for this excellent software and for your hard work.

 

Im new (like brand new) in gsap but have a relatively good background in javascript and jquery (mostly).

 

I would like to create a cta button like the forkit plugin. Without actually using the plugin.

 

 

Is it possible to simulate gravity and stretching physics with gsap? Am I looking at the right place?

I can create a drop / swing animation with css only with a few dozens line of code (phew!) but I cannot imitate physics.

 

Second thing is the learning. I understand the api but Im still confused about chaining, selection and generally in gsap

best practices. I saw you published a book. Is it going to released in pdf?

 

Thank you

[Carl]

Hi and welcome to the GreenSock forums

 

As far as getting a nice overview of the platform and learning the finer details of our sequencing tools, I strongly recommend the following:

 

New Getting Started Video (launched last week)

http://greensock.com/get-started-js

 

Learn Sequencing with TimelineLite:

http://greensock.com/sequence-video

http://greensock.com/position-parameter

 

For physics-type tweens, we have a Physics Plugins that allow you to specify velocity, acceleration, gravity etc:

http://greensock.com/docs/#/HTML5/GSAP/Plugins/Physics2DPlugin/

http://codepen.io/GreenSock/pen/jquBp/

 

For the springy - bouncy effect of the forkit thing, you could probably get away with a simple Elastic ease

http://greensock.com/docs/#/HTML5/GSAP/Easing/Elastic/

 

The forkit thing isn't at all what I would recommend as a first project for a beginner as there are quite a few things going on with various properties (rotation, size, position) of multiple elements (string and tag) responding to your mouse movement. 

[imomi]

Very helpful resources, thank you!

 

I know, forkit is definitely not for beginners but it's a challenge!