본문 바로가기

HTML5

HTML5 Walking Sprite example HTML5에서 달리기 애니메이션 (Walking Sprite Animation) 사용된 이미지는 하단에 첨부함 (한개의 Sprite Sheet 를 뒤집어서 반대방향 애니메이션을 구현함) 사용된 Sprite Sheet 아래의 이미지는 왼쪽을 향해 달리는 프레임을 가진 스프라이트 시트(Sprite Sheet)이다. 위의 예제에서는 오른쪽으로 달리는 애니메이션을 구현할 때 아래의 이미지를 뒤집어서 새로 저장한 walking_sprite_sheet2.png 파일을 사용하였다. 더보기

티스토리툴바