프로그래밍/Pixi.js7
PIXI.AnimatedSprite #2 애니메이션 이벤트
AnimatedSprite로 생성된 인스턴스는 단순히 재생만 가능한게 아니다. Pixi.js의 AnimatedSprite는 몇가지 이벤트를 제공한다. onComplete 애니메이션의 프레임이 종료시 onLoop 애니메이션이 프레임이 종료되고 다시 처음부터 시작시 onFrameChange 프레임 변경시 애니메이션 이벤트 만들기 아래 코드는 캐릭터가 달리다가 클릭을 하면 점프를 하는 단순한 로직이다. 여기서는 onComplete를 이벤트를 이용해 점프시 점프 동작이 모두 끝나야 다시 달리기 상태로 돌아오게 하고 있다. 달리는 프레임 점프하는 프레임 코드 설명 위 두가지 상태의 이미지들을 불러와서 두개의 AnimatedSprite를 만들었다. 두 인스턴스는 동일한 컨테이너에 배치하였는데 달리는 인스턴스의 vi..
