Wargasmic

is there any way to set the progress of a nested timeline but have it set the progress of the parent timeline relatively? Say I have a parent timeline with 2 child timelines of 5 second durations, first starting at 0 seconds and the second starting at 5 seconds giving a total duration of 10 seconds. I want to set the progress of the second child to 0.5 which would set the parent timeline to 0.75. Is this possible?

Is it possible to move a call around the timeline after it has been added? Say I have added a call at 5 seconds and the timeline is 5 seconds long, but then I adjust the length of timeline to 10 seconds so I now need to move the call to 10 seconds rather than 5.

Great post Carl! Very descriptive and helpful. I shall have a play around with this now. Thanks very much.

I have start and complete callbacks set for my nested timelines as well as a bar with a draggable playhead which sets the progress of the parent timeline. When dragging the playhead from left to right the start and end callbacks of each of the nested timelines seems to be called just fine. Even when I click towards the end of the progress bar, all the start and end callbacks seem to be called in order. However, when I drag the play head in reverse or click back towards the start of the progress bar no callbacks are triggered. Is there any way to have callbacks triggered when setting the progress backwards through the timeline? Or is there a way to set a callback at a specific time that will be tiggered from both directions? Cheers!

Thanks a lot Rodrigo, Carl. I've been away for a while so sorry for not replying to this earlier. Sorry for the AS post... Are these forums slightly different to the usual? heh. I don't know how I've manage to post on the AS board, but I've done it twice now.

Thanks again. I seem to be more or less where I want to be with this now. The last thing I need to do is change the duration of the tween after it has been added. I cant seem to see a method for this so i tried to set the duration directly using myTween.duration = n but it doesn't change the duration.

Thanks again. I seem to be pretty much where I want to be now with this, but the last thing is I can't seem to change the duration of the tween (after it has been added). I've tried changing it directly with myTween.duration but this has no effect and I don't see any method for changing duration.

OK, when creating the tween it is being applied/used straight away. I want it to be added to a specific timeline at the specified time with the specified duration and only be used when that timeline is played. http://codepen.io/anon/pen/qpnht

Thanks Rodrigo, this is just referring to my custom animation object with the timeline variable. I'm using TimelineMax btw. Should the above work in the same way using TimelineMax and TweenMax?

Is it possible to change a tweens properties after adding it? I would like to be able to change the start time and duration as well as the properties of the tween. Im adding a tween to a timeline as so within an object.. this.timeline.to(this.$element, arguments[2], arguments[0], arguments[1]); Now I'd like to be able to store this tween in a variable/array within my object, access it later and alter its values. .to seems to return the timeline, not the tween, so how should I go about storing the tween in a variable for later access and how would I change its values? Cheers!

Hi thanks for the reply. I actually thought I was going crazy as I came to have a look at my post to see if anyone had replied and saw I had posted it in the AS forum by mistake. So I edited the post apologising and saying it was meant for the JS forum. Then on reviewing the post it was in the JS forum.....so I thought I had made a second mistake and removed the edit. It must have been moved as I made the edit . I did read some more after posting and managed to get things working. I'm loving the API, it is exactly what I needed. Wish I'd have found it before Transit, it would have made things a hell of a lot easier. Thanks again!

Hi, I've just came accross GS and decided to move over to it from Transit. For my first attempt I have tried something simple but the behaviour I expected isn't the behaviour I get. I'm not sure if I'm missing something. Here's the code... var tl = new TimelineMax({paused:false}); tl.insert( TweenMax.to($('#test'), 1, { left: "500px", ease: Linear.easeNone }, 0) ); tl.insert( TweenMax.to($('#test'), 0.5, { rotation: 90, ease: Linear.easeNone }, 0.5) ); tl.play(); I expected this to slide the element right by 500 pixels over 1 second while at 0.5 seconds start rotating to 90 degrees over 0.5 seconds but what I get is both tweens starting instantly so the element starts sliding and rotating at the same time. Eveything else seems fine, the duration of the rotation is correct, it is just starting at 0 instead of 0.5. Did I do something wrong? Cheers!