Hi there,
I'm trying to figure out how I might be able to reuse a timeline multiple times as a scene transition.
I followed another codepen about nesting timelines (linked below) and I used this as an example to try and structure my animation. I've got a master timeline set up and I add several child timelines to it. I'd like to play them in order, but in between each "scene", I'd like to run a separate timeline as a transition overlay. It works well, up until I try to reuse the transition timeline. I'm not sure exactly how to go about getting it to start over from the beginning again. I've tried setting up and using labels, using .play() at a specific time, using .seek(), but have not had success. I know what I have in my codepen example is probably incorrect, but I left it that way so I could still get the basic idea across. Could anyone point me in the right direction?
Edit: Ideally, in my example, I would like it to play in the order: red box, black, green, black, blue. Instead, I'm seeing red, green, black, blue. I imagine I am overwriting the black transition scene when I add it a second time.
Thank you
Nesting Timelines example I followed:
My own example: