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