移動不成材上點擊鼠標在KineticJS

Question

我重現這個經典的直升機遊戲：

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

我想不出什麼，我應該使用重新出現的用戶時，向上運動按住鼠標。有人知道我應該在KineticJS中使用什麼來在形狀上重新創建這種效果？

我認爲補間，但它似乎只適用於如果您將形狀移動到預定座標。

請讓我知道，如果你能幫助。謝謝！

Answer 1

下面是一些起始碼爲您與...

實驗，您發現了吐溫只會移動從A到B的東西沒有太多的控制權。

相反，創建一個動畫循環，改變你的直升機「Y」屬性每幀

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

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

傾聽您的直升機鼠標按下事件，並設置方向向上

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

監聽鼠標鬆開並在您的直升機上設置鼠標事件，並設置方向爲向下

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