Пример того, как управлять подростками с использованием Тикера в CreateJS

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