Jump to content
GreenSock

sgershen

need help on Greensock easing

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Can someone assist me on change this current animation:

TweenLite.fromTo(spot_holder[kNumIterator], 2, {left:pointAX, top:pointAY}, {left:pointBX, top:pointBY, immediateRender:false});

 

to this:

TweenLite.fromTo(spot_holder[kNumIterator], { ease: Bounce.easeOut, y: -500 });

 

or what do I change to make the animation HAVE a bounce effect, zoom effect or any other effect

ball.jpg

Link to comment
Share on other sites

it all works with "simple animation" but cant figure out how to create new animation

Link to comment
Share on other sites

Hi @sgershen :)

 

I'm not sure I understand the question. Are you asking how to add a bounce ease? The code you posted is missing an object and the duration. To use a fromTo() tween, you need the starting properties and the ending properties. You could switch to a simple from() tween and only need one set of properties. So, something like this:

TweenLite.from(spot_holder[kNumIterator], 1, { ease: Bounce.easeOut, y: -500 });

 

Looks like you have an array so you could also be talking about staggering those elements with a bounce ease? I'm just not sure what you're asking.

 

Here's some info about staggering:

https://greensock.com/docs/#/HTML5/GSAP/TweenMax/staggerFrom/

 

A CodePen demo would be most helpful to really understand your question:

Thanks and happy tweening.

:)

 

  • Like 1
Link to comment
Share on other sites

Here's a simple demo to get you started:

 

See the Pen JNZmxL by PointC (@PointC) on CodePen

 

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.
×