Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About fitzmode

  • Rank

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. fitzmode

    onPause event

    I've updated the example to use gsap.timeline()syntax. The goal is to Pause the video on pause of the main timeline. Resume the video on main timeline resume. The problem is: There are no onPause or onResume events available. Checking if the current nested timeline is isActive() cannot be done onUpdate event callback, since callback stops being called once the main timeline is paused. i.e it is never called. I'm looking for strategies to do this, ideally via gsap. The example represents a more complex setup, so would like to avoid looping over video element
  2. fitzmode

    onPause event

    How can I get something similar to an onPause event? I have TimelineMax instances nested on a main TimelineMax. The nested instances each play a video `onStart` event. Each video has its own TimelineMax instance nested in the main timeline. I would like a way to detect an `onPause` for each instance to pause the video and keep it in sync with the main timeline. However it seems I can't check `isActive()` inside of main timeline's `onUpdate` to pause each video accordingly because main timeline `onUpdate` is not called again after main timeline is pau
  3. Is there a built in way to stop/pause a Timeline at a specific time? //Plays from 5 seconds timeline.play(5) //I'm looking for a way to play from 5 seconds and stop at 10. timeline.play(5, 10)
  4. Hey there, I have a Timelinelite instance where I running both "single shot" and "repeating" animations, however, I'd like the "timeline.totalDuration()" to not include repeat. My goal from the below is to get a total duration of 1.5sec , that is duration without repeat. Is there a method I can use to get that? Thanks. const timeline = new Timelinelite({paused: true}); timeline //Animation A ( 1 second duration) .to('#box',{x: 0,duration: 1 }, 0) //Animation B ( 0.5 second duration) .fromTo('#box',{x: currentX - 2},{x:currentX + 2,duration: 0.5, repeat: -1}