현재 캔버스에 8프레임짜리 spriteanimation 효과를 주어 이미지를 띄웠습니다.

그래서 움직이는 형태의 모습이 보여지는데.

지금 제가 하고자 하는 것은 이 캐릭터를 이동시킬경우 이미지의 그림이 변했다가.

멈추면 다시 8프레임짜리 spriteanimation 효과가 적용되도록 하는 것입니다.

 

 

간단하게 캔버스 상에서 해당 이미지의 이동거리가 0이 되는 순간

 

즉,

 

 

dx -> x축으로 이동하는 거리

dy -> y축으로 이동하는 거리

 

 

dx = dx*0.95

dy = dy*0.95

 

해줘서 마찰력을 준 후 결국에 멈춰서

 

 

 

절대값 dx, dy가 0이 되는 순간이 멈추게 되는 순간으로 설정했습니다.

 

그리고 dx,dy가 0이 아닌 순간은 움직이는 순간이 되므로 그림이 변하게 하도록 하고 있구요.

 

 

헌데 캔버스가 쓰레드에 의해 계속 읽어오게 되다보니까.

저 순간 sprite이미지를 다른 것으로 대체해도 계속 반복하다보니까 첫 프레임 화면만 불러와서 애니메이션 효과가

나타나지 않습니다.

어떤 식으로 접근하는 것이 좋을지 좀 알려주세요.ㅠ

이 게시물을