0

我正在使用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();
});

这段代码似乎只在航路点之间跳转，根本没有补间。任何想法我可能做错了什么或任何可能有帮助的代码/教程？

4

1 回答 1

2

您需要在补间中添加一个持续时间（以毫秒为单位），否则它将默认为 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

于 2013-03-12T00:12:03.817 回答