Hello!
I posted once before about a similar problem, and I was able to workaround that problem easily, but this one is a tad different.
In the codepen sample I provided, there are 6 color blocks. Each one is animated in its own timeline, and each timeline is then nested in a master timeline.
In this master timeline, I set up a pause at the end of each nested timeline, so that playing the timeline only plays one scene (or, in this example, one animation) at a time, then pauses and waits for the user to press "continue". It is also paused at the start, so you must press "continue" to see the first block.
In the linear sequence, all is well: run the codepen and press continue at the end of each block's animation and the blocks animate in when and as expected.
The following steps, however, cause a problem:
1. Run the codepen
2. Press continue to display the red block
3. Keep pressing continue and finish the sequence so that all blocks are on-screen
4. Press the button labeled "Orange" and see the orange block animate in as expected
5. Press the button labeled "Blue" and see the green block animate in
As you can imagine, the blue block should have been the one to animate in.
In addition, I am firing events on each block animation's start and finish, and the events fired for step 5 are two start events for the "green" block and 1 finish even ("green-done") for the green block. The "blue" event never fires.
I'm at a loss. Anyone have any idea why this isn't working, or what I'm doing wrong?
Effectively, having these "jump-to-scene" buttons is crucial for a project, so any help would be very valuable.
Thanks,
Frank