2015-06-17 3 views
2

Я ищу решение для замедления анимации FramerJS определенной амплитудой.Как замедлить анимацию Framer

В Velocity Animation framework можно сделать Velocity.mock = 10, чтобы замедлить все в 10.

Либо в документах недостает уважения, либо эта функция в настоящее время не существует и должна быть выполнена действительно.

ответ

3

Вы можете использовать

Framer.Loop.delta = 1/120 

замедлить все анимации с коэффициентом 2. Значение по умолчанию является 1/60.

+0

Просто добавьте, что это не влияет на любые вызовы Utils.delay, которые могут быть у вас в коде, влияет только на анимацию –

1

Хотя ответ Хавьера работает для большинства анимаций, он не применяется к задержкам. Хотя это и не идеальный, метод я принял это настроить переменную отладки и функции, и передавать каждый раз, когда связанные значения через него:

slowdown = 5 
s = (ms) -> 
    return ms * slowdown 

Затем используйте его следующим образом:

Framer.Defaults.Animation = 
    time: s 0.3 

... и:

Utils.delay s(0.3), -> 
    myLayer.sendToBack() 

Установка переменной slowdown в 1 будет использовать стандартные сроки (все, что раз 1 сами по себе).

Смежные вопросы