1

Framer.js で画面上の要素の単純なパルス アニメーションを作成しようとしていますが、次のようになります。

element.animate
    properties: scale:1.3
element.on Events.AnimationEnd,->
    this.scale = 1
    locationUn.animate
        properties: scale:1.3

基本的に、画面が読み込まれると要素が拡大され、アニメーションの終了時に強制的にスケール 1 に戻され、アニメーションが再度実行されます。しかし、この解決策はエレガントではなく、アニメーションは非常に唐突に見えます。

私はCoffeeScriptを初めて使用しています...とにかく、このような状態をチェックするために無限ループを書くことはありますか?

checker = true

while(checker == true){
    run animation
    if(some events occurs){
        checker = false
    }
}
....

これをCoffeeScriptで実現するにはどうすればよいですか?

4

1 に答える 1

2

次のようなループ パルスを作成できます。

circle = new Layer()
circle.style.borderRadius = "100%"
circle.backgroundColor = "white"
circle.center()

outwards = new Animation({
    layer: circle,
    properties: {scale: 1.3},
    curve: "ease-in-out"
})

inwards = outwards.reverse()

outwards.on(Events.AnimationEnd, inwards.start)
inwards.on(Events.AnimationEnd, outwards.start)

outwards.start()
于 2015-02-24T00:28:37.523 に答える