[📜일지] 인게임 애니메이터

[123(61.73)]

https://youtu.be/ofWAd2uGzrE

애니메이션 오브젝트가 존재한다

애니메이션 오브젝트는 다른 오브젝트를 부모로 설정 할 수 있다

오브젝트는 부모가 존재하면 부모를 따라서 이동한다 - 로테이션이나 스케일은 서로 영향을 주지 않는다

모든 애니메이션은 키프레임과 키프레임 사이에서 일어난다

키프레임 a의 위치, 로테이션 스케일에서 키프레임 b의 위치, 로테이션, 스케일로 부드럽게 전환된다

전환은 두 키프레임 중 앞 키프레임의 앵커포인트를 기준으로 이루어진다

두 키프레임의 로테이션값이 다를 때 b키프레임의 로테이션으로 부드럽게 가는 방법은 두가지가 있다

 10에서 20이 될 때 10도를 더하는 방법과 350도를 빼는 방법

'시계방향으로 회전' 설정을 선택한다면 시계방향으로 회전, 선택하지 않았다면 반시계방향으로 회전하게 만들었다

동그라미가 앵커 포인트이고 첫 사각형이 키프레임 a, 세번째 사각형이 키프레임 b, 두번째 사각형은 진행 경로중 하나이다

앵커포인트를 기준으로 오브젝트가 움직이고 회전되고, 스케일이 조정된다 - 아직은 직선이동만 구현되어있다

영상을 보면 항상 앵커포인트는 직선으로 움직임을 알 수 있다

초록색 선이 실제 오브젝트의 이동 경로이다

해당 경로를 계산하는 방법?

우선 앵커포인트는 오브젝트의 중심을 0,0으로 뒀을때의 좌표이다

해당 사각형에서 앵커포인트는 오브젝트 포지션과 관계없이 항상 (-10, 0)이다

앵커포인트의 이동 경로(오브젝트 포지션 + 앵커포인트 = 월드포지션) 중 현재 시간에 앵커포인트가 어디 있을지 구한다

오브젝트의 회전에 의해 앵커포인트가 몇도 회전했을지 구한다

현재 시간의 (앵커포인트 + 오브젝트중심) 포지션에서 회전된 앵커포인트를 반대로 뺀다면 현재 시간의 오브젝트 중심의 위치가 나온다

여기서 스케일 조정이 들어가면 살짝 복잡해지는데

결론만 말하자면 회전시키기 전, 초기 앵커포인트에(오브젝트에) 적용된 로테이션을 해제해준 후 현재시간의 스케일 변화를 곱해준 후에 다시 로테이션을 적용시킨 후 위치를 계산시켜주면 된다

또는 스케일 변화에 로테이션을 적용시켜서 계산해도 될 것 같긴 한데 이건 헷갈려서 안해봤다

또는 앵커포인트 자체를 로테이션이 적용되지 않은 오브젝트 기준으로 설정시켜도 되겠다 - 이게 사실 제일 깔끔한데.. 다 끝난 상황에 일일히 고치러 다니기 힘빠진다

계산할 때마다 앵커포인트에 로테이션을 적용시킨 값으로 계산하도록 말이다

앵커포인트는 사용자의 시점에서 설정하기 때문에 로테이션이 고려되어 있지만 

오브젝트의 스케일에는 로테이션이 적용되어있지 않다 - 유니티에서 스케일과 로테이션값은 따로 각각 계산된다

무슨말이냐면 오브젝트 스케일x가 10배 늘어났을 때 만약 오브젝트가 45도 회전된 상태라면 X축 방향으로 늘어나는게 아닌 45도 방향으로 늘어난다는거다

앵커포인트에 스케일을 그대로 곱해주게 되면 잘못된 방향으로 앵커포인트가 변화할 수 있다

스케일X가 10배 늘어났다고 하자

오브젝트는 45도 방향으로 늘어난다

45도를 가리키는 앵커포인트에 그대로 스케일(10, 1)을 그대로 곱하면 잘못된 결과가 나온다

실제로는 45도 방향으로 10배 늘어나야 한다

...

나도 내가 뭔말을 하고있는지 모르겠다

키프레임 오브젝트의 마우스 드래그를 통한 이동, 크기변화, 회전을 구현하기 골치아팠다

우선 크기변화를 스케일로 조정시키면 중심을 기준으로 크기가 변하기 때문에 

만약 오른쪽으로 늘렸다면 늘린 후 오브젝트 자체를 늘린양의 0.5배만큼 오른쪽으로 이동시켜야 했다

여기서 골치 아팠던 점은 만약 오브젝트가 회전된 상태라면? 스케일을 어찌 조정해야 할까?

난 오브젝트가 회전된 만큼 마우스 이동방향과 오브젝트에 역회전을 걸어서 마우스 이동방향의 x만큼 스케일.x에 적용시키고  y만큼 스케일.y에 적용 시켜줬다

아무것도 없는 바닥부터 상상만으로 구조를 쌓아올리느라 힘들었다

계산식이 잘못되서 살짝 잘못 계산되고 있을지도 모른다는 생각에 머리가 아프다

이게 살짝 계산이 잘못되어도 티가 잘 안나니깐 시각적으로 눈치를 못챈다는게 스트레스다

벌써 머릿속 디버깅으로 버그를 몇개나 잡았는지 모르겠다

이제 오브젝트중 부모 오브젝트에 완전히 붙어버리는 오브젝트를 구현할 생각이다

해당 오브젝트는 설정된 앵커포인트가 부모에 완전이 붙어있고 오직 해당 앵커포인트를 기준으로 회전만 가능하다

항상 글을 쓸때마다 나에게 문학적 재능이 전혀 없다는걸 느낀다

[dd(49.162)]

노력추

[김메가(scw973108)]

안읽엇지만 추