KineticJS : 하나의 이미지가 여러 개있는 애니메이션?

Question

캔버스에 애니메이션으로 표시하고 싶은 10 개의 PNG 이미지가 있습니다. 이는 KineticJS가 애니메이션을 스프라이트하는 방식과 유사하게 수행되어야합니다. 유일한 차이점은 내 프레임이 하나의 큰 스프라이트 이미지의 일부가 아니라는 것입니다. 대신 내 이미지 (프레임)는 단일 png 파일에 있습니다.

어떻게 이미지 프레임을 KineticJS에로드 한 다음 애니메이션으로 재생할 수 있습니까?

Answer 1

image 속성은 모든 애니메이션 루프에서 Kinetic.Image으로 변경할 수 있습니다.

또는 Sprite 클래스를 사용하면 당신이 할 수있는 필요한 경우 :

1. 큰 캔버스 요소를 만듭니다.
2. 는
3. 그런 다음 솔루션은 더 나은 성능을 가지고 Sprite