타임라인🎬 07 - Custom Playables로 EyeIK 적용하기 (제작 리뷰 및 코드공유)

20 Jan 2021 in Dev.Log on Unity, Timeline, Playables

애니메이션 및 튜토리얼 제작에 유용한 유니티 타임라인에 대해 알아본다. 이번 포스팅에서는 Unity-chan 프로젝트에서 제공하는 IkLookAt를 어떻게 타임라인으로 옮겨왔는지 실제 프로젝트에 사용한 코드를 보며 리뷰한다.

• EyeIK Track
  • 참고 프로젝트: Unity-chan
  • 개조
  • 다운로드 및 사용법
    • EyeIk 스크립트 설정하기
    • 애니메이터 콘트롤러 설정하기
    • 트랙 생성
    • 클립 설정
    • 테스트
• 마무리

EyeIK Track

애니메이션 제작 프로젝트 진행 도중 캐릭터들이 특정 장소를 바라보거나, 사용자를 바라봐야하는 장면들이 많았다. 콘티나 기획이나 리소스가 완벽하게 나와있어 애니메이션 자체를 수정할 필요가 없는 혹은 수정할 수 없는 프로젝트라면 모를까, 애니메이션 제작 단계에서 동선과 시선처리를 하는 것은 불가능했다.

따라서 Unity Japan에서 제공하는 Unity-chan 프로젝트에 존재하는 IkLookAt 스크립트를 개조하여 사용하기로 했다.

참고 프로젝트: Unity-chan

👉 참고 프로젝트: SD유니티짱 3D데이터모델 페이지

Unity Japan에서 사용하는 IkLookAt 스크립트는 Unity Animator 내장함수인 SetLookAtWeight()와 SetLookAtPosition()을 이용하여 구현한 것이다. 이 두 함수는 애니메이터 휴머노이드 아바타의 구조를 사용하여 특정 위치를 바라보도록 만든다.

👉 SetLookAtWeight

👉 SetLookAtPosition

EyeIk Track을 사용하기 위해 unity-chan 프로젝트를 다운로드 할 필요는 없다.

개조

IkLookAt 스크립트에서는 bool값을 이용하여 바라보거나 바라보지 않거나의 두 상황으로 나누어 작동한다. 하지만 캐릭터의 시선 이동이 자연스럽지 않고 뚝뚝 끊어진다는 문제가 있다. 애니메이션에서는 시선의 움직임이 자연스러워야하기 때문에 lookAtWeight값을 0~1로 조절하고 0일 경우 bool값을 false로 만드는 방식을 택했다.

다운로드 및 사용법

👉 다운로드 링크

위의 다운로드 링크에서 *.unityPackage를 다운로드 받고 유니티에서 열면 CustomPlayables/EyeIk 파일이 생성된다.

EyeIk 스크립트 설정하기

사용할 휴머노이드 아바타 캐릭터 객체에 EyeIk.cs 스크립트를 [Add Component]한다.
자동으로 애니메이터가 등록되는데, 만약 애니메이터에 콘트롤러와 아바타가 등록되어있지 않다면 등록해준다.

[Look At obj]에 캐릭터가 바라볼 Target하나를 설정해준다. 여기서 중요한 점은 이 아바타가 바라보는 대상이 여러개라는 것이다. 따라서 [Look At obj]는 바라보는 대상 자체가 아니라, 네비게이션이 될 핸들러라는 것이다. 핸들러를 조종하는 것이 EyeIK Clip이 하는 일이 된다.

예를들어, Box1과 Box2를 바라볼 것이라면 Box1이나 Box2를 [Look At obj]에 넣는 것이 아니라 Target이라는 빈오브젝트를 하나 만들고 Target을 [Look At obj]에 할당하는 것이다. 그리고 Target의 움직임을 Clip에서 조정한다. 이는 추후 사용방법에서 더욱 자세히 설명하도록 하겠다.

애니메이터 콘트롤러 설정하기

애니메이터 콘트롤러를 더블클릭하여 애니메이터 에디터 창을 연다. Base Layer의 톱니바퀴를 눌러 [IK Pass]에 체크를 해주어야만 함수의 영향을 받는다.

트랙 생성

타임라인에서 트랙을 생성한다. CustomTimeline>Eye Ik Track을 클릭하여 만들 수 있다. 여기서 CustomTimeline 하위에 들어가 있는 이유는 Eye Ik Track의 namespace가 CustomTimeline이기 때문이다.

위에서 Add Component한 [EyeIk.cs]가 들어있는 객체를 드래그 & 드랍한다.

클립 설정

생성한 트랙에 [우클릭] 후 [Add Eye Ik Clip]로 클립을 만든다.

클립을 클릭하고 Inspector에서 클립에 대한 설정을 진행한다.

중요한 것은 Ease In/Out Duration과 Current Target이다.
기본적으로 클립에서는 EyeIk.cs에서 설정한 핸들러인 [Look At obj]를 움직이는 역할을 한다.

블렌딩 구간동안 고개를 돌리고, 클립이 유지되는 동안 바라보며, 클립에서 나가는 순간 다시 정면을 바라본다.

테스트

Eye IK는 아바타의 정보를 사용하여 애니메이션을 조절하는 것이기 때문에 Play 상태에서만 확인해볼 수 있다. 유니티의 Play 버튼을 눌러 정상작동하는지 확인해본다.

마무리

Timeline에 대한 포스팅은 이것으로 마지막일 것 같다. 앞으로 알게되는 것이 있으면 나중에 추가하도록 하겠다. 설명이 그리 깔끔하지 못했을지도 모르지만 Timeline은 보면 볼수록 매력적인 툴이다. VR 프로젝트여서 Timeline과 찰떡궁합이라는 Cinemachine도 같이 사용해보지 못했다. 지금은 아니더라도 나중 프로젝트에서는 꼭 한 번 같이 사용해보고 싶다.