如何在CreateJS中使用Ticker控制补间的示例

Question

我正在和CreateJS一起工作，我想知道这里是否有人有使用Ticker对象控制补间的例子。我正在尝试让精灵遵循由路点定义的路径，但我不想通过时间来控制每个补间(在路点之间)。我希望在Ticker对象控制的每个路点之间有平滑的移动。我试过这段代码，它似乎根本不起作用。

var index = 0;

function move(){
    index++;
    if (index < path.length) {
        createjs.Tween.get(person)
        .to({x:gridSize * path[index][0] - pathOffset,y:gridSize * path[index][1] - pathOffset})
        .call(move);
    }
}
move();

createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick", function(event){
    createjs.Tween.tick(1);
    stage.update();
});

这段代码似乎只在两个路点之间跳转，而不是补间。有什么想法我可能做错了什么，或者有什么代码/教程可能会有所帮助？

Answer 1

你需要在补间中添加一个持续时间(以毫秒为单位)，否则默认为0，这将导致“跳跃”，例如：500为半秒

instead of: .to({x:..., y:...})
use:        .to({x:..., y:...},500)

第二件事:你不需要调用createjs.Tween.tick(1);，它通常是由Tween类自动调用的。

下面是一些帮助和一些小示例：http://www.createjs.com/Docs/TweenJS/classes/Tween.html

高级示例：https://github.com/CreateJS/TweenJS/tree/master/examples