KineticJS Анимация формы, чтобы перейти к точной позиции

Question

У меня есть многоугольник, и я оживляю его, чтобы идти по линейному пути.

var anim = new Kinetic.Animation(function(frame) { 
shape.setX(99); 
if(shape.getPosition().y < window.innerHeight/2){shape.setY(shape.getPosition().y + frame.time/48);}; 
    }, layer); 

Так что эта анимация работает, за исключением того, что фигура никогда не попадает в центр высоты страницы, а это всегда немного после. Я знаю, что это из-за shape.getPosition().y < window.innerHeight/2, но из-за этого shape.getPosition().y == window.innerHeight/2 заставит фигуру никогда не останавливаться, потому что расчет никогда не будет точно window.innerHeight/2 Мне было интересно, есть ли у кого-нибудь идеи о том, как я мог бы анимировать объект в точную координату.

Answer 1

Вы можете использовать Tween?

var tween = new Kinetic.Tween({ 
    node : rect, 
    y : window.innerHeight/2, 
    duration : 0.5 
}); 
tween.play(); 

http://jsbin.com/zihoqe/1/edit?js,output