안녕! <래토피아>를 개발 중인 카셀이야
어느덧 여름이 다가오고 긴 장마가 시작되었네
<래토피아>에도 여름과 장마 시스템을 적용할 날을 바라보며,
열심히 개발을 진행하고 있어

이번 화에서는 <래토피아> 애니메이션 제작 과정에 대해 소개하도록 할게

적다 보니 길어져서 시민들의 행동과 관련된 내용은 다음에 소개할게...



캐릭터 애니메이션


<래토피아>는 전작보다 더 캐릭터성을 높이고 싶었기에 애니메이션의 비중을 키웠어

그래서 캐릭터들의 동작을 통해서 게임 분위기를 어떻게 만들어나갈까 많은 고민을 했었지


어느 정도의 고증은 지키고 싶었기에 기본적으로 사실적인 동작들을 섬세하게 표현한 애니메이션에

캐릭터들을 과장되게 찌그러지고 늘리는 스쿼시 앤 스트레치(Squash & Stretch) 기법을 사용하여

서양 카툰 애니메이션 속 ’쥐’ 캐릭터의 장난스럽고 호기심 많은 성격을 보여주는 쪽으로 방향을 정했어


a17820666938fc2ab1635a5eea91a8c8d15e0bb3f013ff1ee3e5fef3d7e82a4bbe1fa216cdc6707dd6c64a8d2708ca3b9ecd83a2

a15714aa3a0eb44d92ff5a40d291a8d72c487251fd3ff2ba2fa34ae520cccefffff45b2f7277bdc60d8e7c34c87837d833

스쿼시 앤 스트레치의 예시



스파인에서는 애니메이션 사이 보간처리가 자동으로 되어,

캐릭터가 부드럽게 늘어났다 줄어드는 애니메이션 제작이 손쉽게 가능했어

추후에는 UI 애니메이션과 다른 오브젝트들의 애니메이션에도 이런 기법들을 적용하여,

게임 전체의 분위기를 활기차고 통통 튀는 분위기로 만들어 나가면 좋을 것 같아



캐릭터 애니메이션은 쥐 캐릭터 하나에 모든 애니메이션을 넣어버리는 방식으로 개발했어

즉 게임 내 모든 쥐들은 같은 캐릭터이고, 스킨 시스템을 활용하여 외형만 바뀌는 방식이지

다양한 실루엣의 쥐들을 만들 수는 없지만, 제작 속도나 관리 면에서는 장점이 있었고,

시뮬레이션 속 캐릭터에 적용하기에 적합한 방식이었어


a14810ad0e3ab36f9a332b619a34dc7d61e84a85b0014416fdfbb124b79ca942a16392c115746ebc98c8b90bbe

쥐의 모든 애니메이션들이 담겨있는 쥐 프로젝트 파일


하지만 한 개의 스파인 프로젝트에서 쥐들의 모든 애니메이션을 관리하다 보니,

수백 개의 애니메이션들을 잘 정리해 줄 필요가 있었지

앞으로 또 얼마나 늘어날지, 지나치게 늘어날 시 문제는 없을지 걱정이 되긴 해




스킨 시스템


한 종류의 쥐만 등장할 수 있다 보니, 다양한 스킨들로 이를 보완해 줄 필요가 있었는데,

스킨을 추가하는 과정도 녹록지는 않았어



이전에는 머리, 몸통과 같은 이미지들을 여백이 없게 트림한 뒤,

머리카락이나 망토를 자연스럽게 흩날리게 할 수 있는 기능인 메쉬 기능을 적용했었어

이는 이미지들을 다각형으로 만들어 자연스럽게 구부릴 수 있는 스파인의 큰 기능 중에 하나였으나,

긴 머리나 짧은 옷처럼 크기와 실루엣이 다른 스킨 이미지들을 새로이 추가하려 하니,

이미지들의 위치와 메쉬를 일일이 다시 설정해줘야 하는 불편함이 있었지



이 때문에 스킨을 만드는 과정에서 시간 소요가 꽤 커졌고, 이 공정을 간소화할 필요가 있었어

뭔가 해결 방법이 있을 것 같아서 여러 방법들을 찾아보았는데,

끝내 이미지들의 크기를 통일 시키는 대신 메쉬 기능을 포기하는 것으로 해결을 하였어

아쉬움은 컸으나, 아직까지는 메쉬 기능을 광범위하게 쓰고 있지 않았기에 내릴 수 있는 선택이었지



a15714ab071a782b82535a6dd6ee7269f7a8ec37329e2978a64b9431bacae6b4bef52b

앞으로 추가될 수 많은 스킨들을 고려하여 추가가 간편한 방식으로 변경



그래도 여러 시행착오 끝에 다양한 복장들을 간편하게 추가할 수 있게 되었고,

추후에는 유저들이 직접 그린 복장까지 쉽게 적용이 가능할 수도 있겠다는 생각이 들었어



상호작용/건조물 애니메이션 제작


건조물 리소스들이 제작되면서 시민들의 애니메이션도 건조물에 맞춰 제작했어

시민 캐릭터에게 각 건조물 별 상호작용 애니메이션을 만들어 넣고,

해당 건조물에 다가갈 시 상호작용 애니메이션을 재생시키는 간단한 구조였지


a15528ad2c06782d81465a4be7ee776b105fea5361b1781fec391d55fc95605ecea08b5f

침대와 상호작용하는 애니메이션



초기에는 시민의 뒷모습을 표현하기가 어려웠기에,

시민이 건조물 앞에만 서있는 애니메이션만 제작했는데

보다 보니 책상과 같은 건조물에 배치된 특정 오브젝트 뒤로 시민이 돌아가게 만들고 싶어지더라


그래서 여러 오브젝트들이 통합되어 있었던 건조물들의 이미지를 조각내고,

건조물과 시민의 레이어 표시 순서를 변경해 더 다채로운 애니메이션을 시도해 보기 시작했지


a14b21aa2402b458ab8085e346c13c73eef2f8d1aed8b1962db2967b74c234

통을 분리한 양조장 건조물 애니메이션



그러나 스파인으로 건조물의 애니메이션을 제작하고자 하니 시민과 건조물의 호환이 어려웠어

스파인의 이미지 표시 순서를 정하는 드로우 오더 기능은,

현재 제작 중인 스파인 애니메이션 내에서의 표시 순서에만 관여했기 때문이었지

그래서 애니메이션 파일을 시민/시민 앞으로 표시되는 건조물/시민 뒤로 표시되는 건조물들로 분리하여 제작해야 했어



또한 시민이 정해진 타이밍에 건조물 앞으로 갔다가 뒤로 갔다 하는 연출을 적용하려면,

결국 유니티를 통해 시민과 건조물의 표시 순서를 조정해 줘야 했기에,

건조물의 애니메이션은 유니티 애니메이터를 통해 제작을 하는 쪽으로 변경하였고,

스파인으로 제작된 시민의 상호작용 애니메이션과 싱크를 맞춰가며 조정하는 방향으로 작업했어



a15601ab041e07f03aefc6ad58d62d3bad59bc8f753eee15a216b2b3

스파인과 유니티 애니메이션의 프레임 싱크를 맞춰서 제작한 애니메이션



비록 스파인과 유니티, 두 가지 프로그램을 번갈아가며 작업해야 하는 불편함은 존재했지만,

긴 조정 작업 끝에 나온 결과물은 만족스러웠어

번갈아가면서 하는 작업도 노하우가 쌓이다 보면 불편함이 개선되겠지?




이펙트 추가


완성된 시민과 건조물의 애니메이션을 보니 새로운 욕심이 나더라

좀 더 건조물을 뽐낼 수 있는 먼지나 광원 등 연출들을 추가하면 좋을 것 같았지


그래서 제작된 애니메이션에 맞춰 이펙트를 추가하는 작업을 진행해보았어

이펙트는 유니티의 파티클 시스템을 이용하여 광원이나 연기 같은 것을 추가하고,

파티클로 표현할 수 없는 연출들은 스프라이트 이미지를 직접 그려서 추가했지



a14719ac3123b367928082e546c13c73b594de5882d366d2d7e1a183010150

이펙트가 추가된 용광로 건조물



이펙트의 경우 앞으로 추가될 다른 건조물들에서도 재사용이 가능하게,

파티클이나 스프라이트 이미지를 명암만 들어간 흰색으로 작업해서 확장성을 높여놓았어


아직은 개선해야 할 것도 많고 배워가고 있는 단계이지만,

한 걸음 씩 발전되어가는 캐릭터와 건조물들을 보니 성취감과 감동은 더욱 크게 다가오더라

출시일에는 지금보다 발전되고 매력적인 연출들로 유저에게 기쁨을 줄 수 있길 기대해보려고 해




게임 체험 프로그램


나는 만들고자 하는 게임과 관련된 게임들을 많이 경험해보는 것은 개발에 많은 도움이 된다고 생각해

의견을 주고 받을 때 특정 게임에 대한 비유를 들면 이해하기 쉬워지며,

게임 경험을 토대로 개발중인 게임에 대한 여러 아이디어들이 나올 수도 있지


그래서 2주에 한번은 한시간정도 다같이 모여앉아 게임을 체험하는 시간을 새로 만들었어

이를 통해 팀원들의 도시건설 게임, 시뮬레이션 게임에 대한 이해도를 높이고,

새롭고 좋은 아이디어들을 발굴하고자 하였지


a76f3caa1b36782abc6b5b42ee91a9c97bd8058a9565ad7dfc08bf74d560da3ddb46f0fca3826238ef66c71c32a54f0925

게임 체험 프로그램을 통해 체험한 게임들


마땅히 체험할 게임이 없는 경우에는 보드게임 활동을 통해 함께 피로를 풀기도 하면서,

중세에 대한 건조물들이나 직업, 자원 등에 대한 지식을 높이기도 했어

이렇게 경험이 축적되어 갈수록 게임의 디테일을 높일 수 있는 아이디어들이 많이 발굴되고,

게임의 퀄리티도 상승할 것이라 믿고 있기에,

앞으로도 적극적으로 게임을 발굴하여 팀원들과 함께 체험할 계획이야




오늘 하루도 긴 글 읽어주셔서 고마워

다음 화에서는 플레이어 캐릭터인 공주와 시민들의 행동 트리를 소개토록 할게

22년 하반기도 행복 가득하렴