The meaning of timing in a timline

[pete_51132]

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.

 

[PointC]

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.

[pete_51132]

Great. many thanks