Question

探索Tweenjs。我只是想在舞台上随意移动一些圆圈。我知道所有补间都是“确定性的”，这意味着它使用预先计算的速度值。所以我有两个相互调用的函数。补间完成时调用第二个函数。不幸的是，我收到了一个调用堆栈溢出错误。

我可以永远地让这次运行并无休止地将圈子移动到随机位置吗？

function tweenPosition(circle) {
    var xPosition = Math.random() * stageWidth
    var yPosition = Math.random() * stageHeight

    createjs.Tween.get(circle, {loop: false}).wait(0).to({x: xPosition, y: yPosition}, 1000, createjs.Ease.sineInOut).onComplete(tweenPositionComplete(this, xPosition, yPosition))
}
function tweenPositionComplete(circle, x, y) {
    circle.x = x
    circle.y = y
    tweenPosition(this)
}

Answer 1

在tweenPosition函数内的Tween实例中，不使用onComplete方法，而是使用call方法，并将其添加到该Tween实例的末尾。

call (callback, [params], [scope])

如果是您的代码：

.call(tweenPositionComplete, [circle, xPosition, yPosition])

您的Tween将如下所示：

createjs.Tween
        .get(circle, {loop:false})
        .wait(0)
        .to({x:xPosition, y:yPosition}, 1000, createjs.Ease.sineInOut)
        .call(tweenPositionComplete, [circle, xPosition, yPosition]);

在this fiddle中，您可以看到它的实际效果。

另见：Tween Class (TweenJS API)

Tweenjs重复补间中的随机值

1 个答案: