Possible to remove/update timeline items via their position number?

[dsiebes]

This may be more of a feature request, but I'd like to be able to remove items (TimelineMax.remove()) and insert new items (TimelineMax.add()) by position.

 

So if I have a TimelineMax that contains 5 TimelineLite animations, and I want to update the third TimelineLite assuming a zero index:

 

TimelineMax.removebyposition(2);

TimelineMax.addbyposition(myNewTimelineLite,2);

 

Looking at the documentation I can't find a way to do this. I was just wondering if anybody here had any insight in to if this was possible or a planned feature?

 

Thank you!

Dan

 

[Diaco]

Hi dsiebes 

 

hmm , if i understood correctly , pls check these links :

 

http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/

 

http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/add/

 

http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/remove/

[dsiebes]

Hi dsiebes 

 

hmm , if i understood correctly , pls check these links :

 

http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/

 

http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/add/

 

http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/remove/

Thank you Diaco!

I have read the documentation a number of times, and done a lot of Googling/searching of this site. So I am guessing the feature doesn't exist or I'm just blatantly missing something.

To further explain I can call TimelineMax.remove() but the value I pass needs to be the animation itself that I want to remove. I am wondering, if instead, I can simply pass an index/position per the example in my first post.

[Jonathan]

Hello dsiebes,

 

You can store a timeline or tween instance reference by declaring it within a variable. Or like Diaco advised using remove() .. in that case you can add a label on your tween you want removed. Or setup your tween in an instance var.

 

Im sure if you setup a simple codepen demo example we can get a better idea on what your dealing with in context.

 

Here is a great video tut by GreenSock on how to setup a codepen demo example.

 

[Diaco]

.getChildren() method will return timeline childs as array : http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/getChildren/

 

so you can do something like this  : 

See the Pen ojwPEx by MAW (@MAW) on CodePen

[dsiebes]

Thank you Diaco! I can use that method along with inserting a label at the end of each animation and use .add() with the respective labels. I think that's as close as I can get.

[GreenSock]

It should be relatively easy to do what you're asking by using the getChildren() method, and if you want to add() another child at the same position as another one, you can just reference its startTime() like:

timeline.add( newChild, otherChild.startTime() ).remove( otherChild );