Jump to content
GreenSock

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

The meaning of timing in a timline

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

Just getting started with GSAP, and have been looking for a clear explanation of how long the time equates to when using in conjunction with scrollmagic.

I have 5 images that do stuff, and it works well:

 

.from(coaster, 6, {ease: Expo.easeOut,rotationX:90,transformOrigin:'0% 100%'})
  .from(wheely, 5, {ease: Expo.easeOut,rotationX:90,transformOrigin:'0% 100%'}, '-=5')
  .from(dsgn_helter, 5, {ease: Expo.easeOut,rotationX:90,transformOrigin:'0% 100%'}, '-=5')
  .from(dsgn_trees, 5, {ease: Expo.easeOut,rotationX:90,transformOrigin:'0% 100%'}, '-=5')
  .from(dsgn_merrygoround, 5, {ease: Expo.easeOut,rotationX:90,transformOrigin:'0% 100%'}, '-=5')

 

However if I change the first line to 

.from(coaster, 20, {ease: Expo.easeOut,rotationX:90,transformOrigin:'0% 100%'})

 

Or even a small value like 1, it makes no difference.

I am assuming it's ignored if using SM with a duration?

 

Many thanks in advance.

 

Link to comment
Share on other sites

Hi @pete_51132 :)

 

Welcome to the forum. You are correct - ScrollMagic will override the tween duration if you set that value.  If you don't set the duration via ScrollMagic, the duration of the tween will be used.

 

Happy tweening.

:)

  • Like 4
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.
×