2014-10-15 1 views
0

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

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

답변

0

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

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

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

에 대한 image로 사용 (하나 개의 큰 이미지를 만들) 그것으로 10 개 개의 이미지를 그립니다. 캔버스에서 애니메이션을 드래그하고 이동하고 크기를 조정하려고합니다. – confile

+0

확실하지 않습니다. 당신은 당신의 사건을 시험해야합니다. – lavrton