Назначение различных анимационных состояний для состояний на Coffeescript

Question

В приведенном ниже коде оба состояния имеют одинаковые свойства анимации. Как я могу назначить разные свойства анимации для каждого состояния?

for check in aniCheck 
    check.states.add 
     one: 
      opacity: 1 
      scale: 1 
     two: 
      scale: 0 
    check.states.animationOptions = 
     curve:"spring(400,25,50)" 
     delay: 2 

    iconFav.on Events.Click, -> 
     check.states.next("one","two") 

Answer 1

Вы можете запустить функцию перед событием переключателя.

check.on Events.StateWillSwitch, (oldState, newState) -> 
    if newState == 'one' 
     check.animationOptions = 
      curve: 'spring(400,25,50)' 
      delay: 2 
    if newState == 'two' 
     check.animationOptions = 
      curve: 'linear' 
      delay: 0 

Я только учусь и построить этот Framer JS example для справки