Animation 为Coffeescript上的状态指定不同的动画选项
在下面的代码中,两个状态具有相同的动画属性。如何为每个状态指定不同的动画属性Animation 为Coffeescript上的状态指定不同的动画选项,animation,properties,prototype,states,framerjs,Animation,Properties,Prototype,States,Framerjs,在下面的代码中,两个状态具有相同的动画属性。如何为每个状态指定不同的动画属性 for check in aniCheck check.states.add one: opacity: 1 scale: 1 two: scale: 0 check.states.animationOptions = curve:"spring(400,25,50)"
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")
您可以在切换事件之前运行函数
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
我只是在学习并构建此函数以供参考您可以在切换事件之前运行函数
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
我只是在学习和建立这个参考