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