在KineticJS中单击鼠标移动形状

Question

我正在重建这款经典的直升机游戏：

http://www.play-helicopter-game.com/

我无法弄清楚我应该使用什么来重新创建当用户按下鼠标时发生的向上运动。有人知道我应该在KineticJS中使用什么来在形状上重建这种效果吗？

我考虑了补间，但似乎只有在你将形状移动到预定坐标时才有效。

如果您能提供帮助，请与我们联系。谢谢！

Answer 1

以下是您试用的一些起始代码......

正如您所发现的，Tween只会在没有太多控制的情况下将某些内容从A移动到B.

相反，创建一个动画循环，每个帧都会改变你的直升机“Y”属性

var helo;
var heloY=50;
var direction=0;

var animation=new Kinetic.Animation(function(){
    helo.setY(heloY);
    heloY+=direction*1;
},layer);

听取直升机上的mousedown事件并将方向设置为

helo.on("mousedown",function(){direction=-1;});

在直升机上收听mouseup和mouseout事件并将方向设置为

helo.on("mouseleave mouseup",function(){direction=1;});