2

を使用してアニメーションを連続ループするにはどうすればよいanimateですか? この例では、白い正方形を際限なく回転させたいだけです。

myBall = new Layer
    x: 100
    y: 100
    width: 200
    height: 200
    borderRadius: "20px"
    backgroundColor: "#FFF"

myBall.animate
    properties:
        rotationZ: 360
    time: 1
myBall.on Events.AnimationEnd, ->
    this.animate
        properties:
            rotationZ: 360
        time: 1
    this.backgroundColor = "#666"

最初の 360 度の z 回転の後、背景色は #666 に変更されますが、アニメーションは停止します。repeat: -1を聞かなくても連続して表示されるのが理想だと思いますAnimationEnd。

4

3 に答える 3

0

frischmilchが示唆したように、この方法も使用できますがnew Animation、彼のコードは少しずれていました。

# Create animation
animation = new Animation({
    layer: myBall
    properties:
        rotationZ: 360
    time: 1
})
# Start animation
animation.start()
# Loop animation
animation.on Events.AnimationEnd, ->
    # Reset rotation before looping
    myBall.rotationZ = 0
    animation.start()
于 2015-12-28T08:46:26.240 に答える