스프라이트 시트와 텍스처 아틀라스를 사용하면 캐릭터 보행 동작 등의 애니메이션 콘텐츠를 Animate의 다양한 툴로 디자인한 다음 Starling 또는 Unity 같은 다른 게임 플랫폼 내에 통합하도록 내보낼 수 있습니다.
Animate에 캐릭터가 칼을 휘두르는 애니메이션이 열려 있는데요.
이것을 스프라이트 시트로 내보내겠습니다.
라이브러리를 보면 동영상 클립 심볼임을 알 수 있죠.
이 심볼을 마우스 오른쪽 버튼으로 클릭하고 스프라이트 시트 생성을 클릭하면 스프라이트 시트 창이 열립니다.
스프라이트 시트를 미리 볼 수 있고 다양한 출력 옵션을 설정할 수 있는데 이미지 치수, 형식, 배경색 설정 여부, 사용할 알고리즘과 데이터 형식, 그리고 부가적인 고급 옵션으로 트리밍과 스텍 프레임 옵션이 있습니다.
내보내기를 클릭하면 스프라이트 시트가 내보내집니다.
취소를 클릭하고 다른 내보내기 옵션을 살펴보죠.
다시 동영상 클립 심볼을 마우스 오른쪽 버튼으로 클릭하고 텍스처 아틀라스 생성을 클릭합니다.
텍스처 아틀라스 창이 열리고 미리 볼 수 있으며 다양한 옵션을 설정할 수 있는데 치수, 이미지 포맷, 알고리즘 등입니다.
내보내기를 클릭하면 되는데요.
텍스처 아틀라스와 스프라이트 시트 파일이 샘플 FLA가 있는 동일한 폴더에 내보내집니다.
여기 FLA 파일이 있고 내보낸 텍스처 아틀라스가 포함된 폴더가 있습니다.
들어가 보면 JSON 파일과 spritemap.png가 있죠.
기억할 것은, 기본 HTML5 대상은 텍스처에 최적화되는 반면 Flash Player는 벡터에 최적화됩니다.
Animate에서 콘텐츠를 벡터로 제작할 때 이를 염두에 두고 모든 이점을 활용하시기 바랍니다.
프로젝트 도중에 콘텐츠 게시 대상을 재지정하거나 콘텐츠 크기를 조정할 수 있을 뿐만 아니라 게시 플랫폼에 따라 벡터 또는 텍스처로 제작할 수 있습니다.
Animate로 두 가지 이점을 얻으시기 바랍니다.
