Воспроизведение анимации до определенного времени

Question

Я создаю сервер для анимации индикатора выполнения.

// 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 }); 

// The length of the animation. 
tl.totalDuration(15); 

// Play. 
tl.play(); 

Это работает, как ожидалось, но есть способ одушевленных от текущей точки воспроизведения одной конкретной? Что-то вроде tl.playTo(0.5), а затем tl.playTo(0.2), которое вернется к 20%.

Я знаю seek, progress и необязательную переменную для методов play, но они позволяют мне указывать начальную позицию, а не конечную позицию.

Как достичь такого поведения?

Answer 1

Если я правильно понял ваш вопрос, вот что я предлагаю.

Вы можете анимировать свойство TimelineLiteprogress. Что-то вроде:

TweenLite.to(tl, 1, {progress: .5, ease: Linear.easeNone});.

Кроме того, вы видели tweenTo() и tweenFromTo, которые доступны в TimelineMax, и я знаю, что вы используете TimelineLite, но я все еще интересно, если бы вы были осведомлены о них.

Помогает ли это?