Delay an entire label

[Marshmallow]

Hi,

 

I am (still) working on a big animation and am currently transferring all to a timeline because I didn't do so before. I now have three labels. 'titleOut', 'slideMoves' and 'titleIn' and I want everything with the label 'slideMoves' to start 0.5 seconds earlier instead of waiting till 'titleOut' is finished.

 

Is there a way to specify that without adiing '-=0.5' to every single object?

 

Thanks

 

~Marshmallow

[Dipscom]

tl.add("slindeMoves", "-=0.5");

*Magic* 

[Marshmallow]

tl.add("slindeMoves", "-=0.5");

*Magic* 

 

 

You are magic my good sir

[Carl]

Yup, Dipscom is exactly right, you can just move the label and anything placed at that label will go in the proper spot.

 

If you have a complex animation and you don't want to specify the label in every tween, you can put a group of animations in a timeline and then just place the whole thing wherever you want in a parent timeline like:

 

//all things
var main = new TimelineMax({repeat:10, repeatDelay:0.3})
main.staggerTo(".green", 1, {y:200}, 0.5)
main.add("childTimelineGoesHere", 1) //put this label wherevers


//orange things
var child = new TimelineMax()
child.to(".orange.first", 1, {y:100})
child.to(".orange.second", 1, {y:200})
child.to(".orange", 1, {scale:0.5}, 1)


//put child in main at label
main.add(child, "childTimelineGoesHere");

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