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/