Jump to content
GreenSock

kez1304

Alternate/Cycle - Staggered tweens method

Go to solution Solved by kez1304,

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

Hi guys,

 

I've just discovered this video:

 

https://www.youtube.com/watch?v=shn2CUF0gWM

 

Which ties in with these forum posts:

 

http://greensock.com/forums/topic/12208-alternating-property-direction-with-any-array/

 

And:

 

http://greensock.com/forums/topic/12266-vote-on-new-feature-for-staggered-animations/

 

 

I can't actually find any info on how to get it working in a project I'm currently on... Is there a beta build available somewhere that I can use or something? If so, where?

 

Also, in the future, where should I be looking for information on the subject? Checking the docs for TimelineMax.staggerFrom, etc., yields nothing of note.

 

Thanks!

Link to comment
Share on other sites

  • Solution

Right, I found out what was wrong.

 

I was using the CDN:

 

https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js

 

(cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js)

 

Instead of:

 

https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js

 

(cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js)

 

The latest is only:

 

/*! * VERSION: 1.17.0 * DATE: 2015-05-27 * UPDATES AND DOCS AT: http://greensock.com *  * Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin * * @license Copyright (c) 2008-2015, GreenSock. All rights reserved. * This work is subject to the terms at http://greensock.com/standard-license or for * Club GreenSock members, the software agreement that was issued with your membership. *  * @author: Jack Doyle, jack@greensock.com **/

 

Can we get this fixed?

 

My development environment will thank you. ;)

Link to comment
Share on other sites

I feel your pain. We're pretty frustrated about the "latest" directory thing too. We have talked to the CDN provider MANY, MANY times about this. We've begged, we've pleaded...and they are simply uncooperative. The reasons they give are:

  1. It requires some sort of cache purging on their end and it's a pain for them to manually do each time. Yes, I know - it's shocking that they can't just automate that. 
  2. The whole "latest" directory thing is frowned upon since it could inadvertently cause sites/apps/games to break. So even if they could automate the cache purging, they seem to be really dragging their feet because they just think it's a poor practice to even offer a "latest" directory. I totally see their point and it's valid, but we feel badly that people came to rely on the convenience of "latest" and now it feels like a broken promise to our customers. That really irks me, but unfortunately I can't force their hand, nor do I think it'd be wise since it probably is a better idea to have people just point at a particular version instead longer-term. 

Moving forward we're deprecating the whole "latest" thing. I wish I had better news for you :(

  • Like 1
Link to comment
Share on other sites

Yeah, I can see their point.

 

You'd think that the customer is always right would shine through a little, but oh well.

 

Thanks for the info though!

 

I've just updated my php script to use a variable for the patch number. Should be simple enough to update to new versions in the future.

Link to comment
Share on other sites

Hi Kez,

 

Sorry to hear you had trouble finding the right info.

 

All the details of stagger were announced in our 1.18.0 release post

http://greensock.com/gsap-1-18-0

 

However, it was my responsibility to update the docs for all 9 of the stagger methods that use cycle and I dropped the ball on that.

The docs for all the stagger methods now have demos, a video, and a note about it being compatible only with 1.18.0+.

peek: http://greensock.com/docs/#/HTML5/GSAP/TimelineLite/staggerTo/

 

Sorry for the frustration.

 

Carl

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