Kinetic.js [我怎樣才能停止一個精靈]

Question

我開始與Kinetic.js和我有我的第一個應用程序工作完美，但我沒有找到停止精靈的方式...例如，我有一個小精靈，我想「玩」這個小精靈一次，看到框架，在最後一個，一個簡單的停止（）。我怎樣才能做到這一點？ （在精靈的最後一個「幀」之後停止）。

Here's我的代碼（對於精靈）：

var myImage = new Image(); 
    myImage.onload = function() { 
    var mySprite = new Kinetic.Sprite({ 
     x: 250, 
     y: 40, 
     width: 70, 
     height: 109, 
     image: myImage, 
     animation: 'idle', 
     animations: animations, 
     frameRate: 5 
    }); 
    layer1.add(mySprite); 
    mySprite.start(); 
    }; 
    myImage.src = 'sheet2.png'; 

提前感謝！

Answer 1

您可以使用afterFrame函數，該函數使您能夠在特定幀之後觸發事件。例如，可以在第5幀之後調用stop()。 （你需要更新這不過許多幀中有你的精靈。）

mySprite.afterFrame(5, function(){ 
    mySprite.stop(); 
}); 

你可以看到下面的兩個職位使用afterFrame的例子：

http://ramkulkarni.com/blog/sprite-animation-in-html5-canvas-with-kineticjs/ http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-sprite-tutorial/