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

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

1 个答案: