removePause

[mikel]

Hi ,

'removePause' requires the exact time of this break.

 

See the Pen 840ccfd755d755942263c0dfce4bb269 by mikeK (@mikeK) on CodePen

In a complex timeline with several pauses (e.g. an illustrated, animated story) that's a bit of a hassle: no .getPauseTime, .getPausesArray ().

 

Is there another clever alternative?

Kind regards

Mikel

 

 

[GreenSock]

Hm, interesting scenario. Never came across that need before. Well, this isn't "official" or anything, but it'll work:

 

function getPauses(tl) {
  var pauses = [],
      a = tl.getChildren(true, true, false),
      i;
  for (i = 0; i < a.length; i++) {
    if (a[i].data === "isPause") {
      pauses.push(a[i]);
    }
  }
  return pauses;
}

 

Just feed in your timeline and it'll spit back all the pauses. So you can check the startTime() of any of them, and kill() whatever you want to (or whatever). 

 

You could structure things a bit differently, like instead of using one long timeline with a pause inbetween each animation, you could have an array of tweens and just keep track of the index of the current one you're playing, incrementing/decrementing that in an onComplete/onReverseComplete. Then, if/when you want to string them all together (with no pauses), you could drop them into a timeline that has autoRemoveChildren:true. Should be easy with add(). Just an idea - your way isn't "wrong" or anything. 

 

Happy tweening!

[mikel]

Hi @GreenSock Jack,

'To pause or not to pause' this is a good question.

 

Since I have to work hard for line after line at JS, I get along better with this solution - pause and label become easier for me.

But I will learn piece by piece.

 

Unfortunately I'm not clear with your code snippet - no spit:

 

See the Pen MqgyYO by mikeK (@mikeK) on CodePen

 

Kind regards

Mikel

 

P.S .: Please look at the CodePen in the DOCS addLabel.
It does not seem to be okay.

 

Since I put the label in the same place, I can use .GetLabelArray(). Year!

 

 

Edited August 29, 2018 by mikel
Heureka ...

[Carl]

Hi Mikel,

 

Thanks for pointing out the error with the demo in the docs for addLabel(). I fixed it.

 

--

 

Glad to see that getLabelArray() is working for you.

Although it is fine to use addPause() as you are. You might want to look into TimelineMax.tweenTo()  and TimelineMax.tweenFromTo(), they let you tween the progress of a TimelineMax between any time or labels so you can do stuff like:

charly.tweenTo("label2"); // tween to "label2" from current position

charly.tweenFromTo("label1", "label2"); // tween from "label1" to "label2"

 

furthermore you can use dynamic values like

charly.tweenTo(charly.getLabelAfter());

charly.tweenTo(myLabelsArray[curentIndex++]);