javascript - Playing animation to a specific time -
i creating backend animating progress bar.
// default easing. tweenlite.defaultease = power0.easenone; // timeline. var tl = new timelinelite({ onupdate : function() { console.log(progress.progress); } }); // initial state. var progress = { progress : 0 }; // finalized state. tl.to(progress, 1, { progress : 100 }); // length of animation. tl.totalduration(15); // play. tl.play();
this works expected, there way animate current playhead specific one? tl.playto(0.5)
, afterwards tl.playto(0.2)
revert 20%.
i aware of seek
, progress
, optional variable play
methods, let me specify starting position, not end position.
how achieve such behavior?
if understand question correctly, here propose.
you can animate progress
property of timelinelite
. like:
tweenlite.to(tl, 1, {progress: .5, ease: linear.easenone});
.
also, have seen tweento()
, tweenfromto
available in timelinemax
, know using timelinelite
still wondering if aware of them.
does help?
Comments
Post a Comment