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/