[📜일지] [엠에스게임즈] 픽포디 개발일지 #2 애니메이션 모듈 개발

[고관붕#3KN..(khg12347)]

원래 2로 핵심 타워 기물들 설명 겸 애니메이션 보여줄라했는데 애니메이션 모듈 만든거부터 써보려함

애니메이터 안쓰고 스크립트로 구현하시는 능력자분들은 이미 많겠지만, 나를 비롯한 초보 개발자들은 이런걸 잘 모를 수 있기 때문에 지식 공유 겸 써봅니다.

저도 어디서 배운거임 ㅇㅇ

개발언어: C#

개발툴: Unity 2021 LTS

이건 방금 올린 개발일지 1

https://gall.dcinside.com/m/game_dev/116598

[엠에스게임즈] 픽셀 포커 디펜스 개발일지 #1 - 게임 개요

1. 애니메이션 모듈이 뭐임?

애니메이션 모듈은 유니티에서 기본으로 제공하는 애니메이터를 쓰지 않고 스크립트로 애니메이션을 구현하는 모듈임

우리 게임은 일단 타워에는 애니메이터를 쓰지 않고 모듈로 구현하고 있음.

Enemy는 기술적인 문제로 일단 보류하고 애니메이터 사용중

2. 그래서 애니메이터는 왜 안씀?

애니메이터의 장단점부터 말하자면

장점으로는

만들기 쉽다.

속도 조절

트리거나 불리언으로 애니메이션 동작 컨트롤

플레이 하면서 애니메이터를 확인하면 어떤게 재생되고 있는지 구분 가능

등이 있고

단점으로는

만들기 귀찮다(애니메이션 적용하는 기물마다 만들어줘야됨)

내 입맛대로 컨트롤하기 힘들다 -> 예를들면 세밀한 속도 조절

등이 있는데 만들기 귀찮다는게 제일 큰 문제임

일단 애니메이터로 애니메이션을 구현하려면 나는 다음 과정을 거침

1. 애니메이션을 구현하려는 이미지들을 동작별로 애니메이션화 한다

2. 빈 애니메이터를 생성해서 State를 만든다

3. Trigger나 Boolean을 이용해 컨트롤하는 경우 Parameter를 지정해준다

4. State에 1에서 만든 애니메이션을 넣는다

5. 코드에 적용한다

정도인데 애니메이션 모듈을 이용하면 1, 2, 3, 4 과정이 사라지고 코드에 적용만 하면 됨

3. 그래서 어떻게 만드냐

일단 Resources 라는 폴더를 Assets 폴더에 만들고 원하는 경로에 이미지 파일을 모두 넣어줌

일단 오늘 설명을 위한 기물로

얘가 고생해줄거임

Archer라는 기물의 애니메이션을 적용하기 위해 아쳐 이미지를 Resources/unit/Tower/Archer 폴더에 넣어주겠음

이렇게 넣어만 주고 코드 적용하면 사실 애니메이션 적용은 끝임

근데 우리가 중요한건 코드 동작 과정이잖아? 어떻게 path만 지정해줬는데 애니메이션 적용이 끝난건지 알아보자

먼저 우리 tower prefab에는

이런 요소들이 있음

이 중에 Atk Projectile이라 적인 곳이 타워의 공격마다 있는 고유 Projectile임 쉽게 말해서 투사체 오브젝트라 생각하면 됨

투사체 오브젝트 Enum으로 이름을 만들어주고 그걸 이용해서 경로를 찾아가는거임

모듈의 Setup함수

타워 생성시 component에 있는 animation module 스크립트에서 콜하는 함수임

위에 고유 투사체 이름이 보통 타워의 이름이기 때문에 기본적으로 idle, attack, skill로 구분해서 세가지 기본 애니메이션 path를 불러오고

sub attack이나 스킬 사용 후 모션 등 추가적인 모션은 그때그때 필요할때마다 만들어서 적용하는 중임

보면 알겠지만 setup만 하면 이미지들이 오브젝트에 저장돼서 따로 뭐 할 필요 없이 prefab만 만들면 기본적인 애니메이션은 다 지원된다는 특장점이 있다

먼저 애니메이션 play하는 함수를 만들어줄건데 string을 받아서 폼 체인지를 해줄거고, delay함수가 필요하기 때문에

코루틴함수로 구현해줌

아까 저장해놓은 이미지 array에서 순서대로 renderer에 넣어주면서 사이사이 지연을 넣어주면 내가 원하는 시간 간격으로 재생되는 애니메이션이 탄생하는거임

근데 보통 게임이 애니메이션을 한번씩만 재생하는건 아니잖아? 가만있으면 들썩들썩하다가 공격할때만 공격 애니메이션을 출력해야된다.

그래서 Update함수로 계속해서 코루틴 함수를 호출해줄거임

근데 우리 유니티 C#은 따로 내가 원하지 않아도 비동기적으로 코드가 구현됨

예를 들어 우리가 C에서는 while문을 돌면서 함수를 반복실행시키면 함수가 완전히 끝나고 다시 함수가 호출된다

while(1){

printnum(num);

num++;

}

이라는 코드가 있고 printnum 안에 1초마다 지연이 있다 치면 C에서는 1 2 3 4 5 ... 이런식으로 1씩 증가하며 출력되지만

비동기적으로 돌아가는 C# 유니티에서는 1 1 1 1 1 1 1 1 1 .... (1초뒤) 112412 112412 112412 112412 112412 ... 이런식으로 개 어지럽게 돌아감

그래서 위 사진처럼 check라는 변수를 이용해서 지금 내 애니메이션이 동작하고 있는가를 판별해줘야됨

idle이 이미 재생되고 있으면 idle을 재생하는 코루틴함수를 포함한 다른 애니메이션 함수를 호출하지 않게 ㅇㅇ

근데 아예 중간에 안멈추면 idle 상태에서 공격으로 전환될 때 들썩을 다 하고 공격 애니메이션이 출력되는 불상사가 발생함

그래서 if (!state.Equals("PlayIdle")) break; 부분을 추가해서 change animation이 호출되어 모션이 바뀌어야 되면 중간에 멈추는 기능을 넣어놓음

이제 타워에 적용해보자

이건 TowerWeapon 스크립트 일부분인데 아쳐 공격 과정임

animator.SetTrigger("Attack") 부분이 gameObject.GetComponent<AnimatorModule>().ChangeAnimation("PlayAttack"); 로 바뀌었다

나는 애니메이터 쓸 때는 4프레임째에 공격이 나가야되면 지연을 얼마줘야되는지 대충 감으로 때려박았는데

이제 4프레임째 공격이 나가는걸 알면 0.3초 지연 후 투사체 생성 및 발사를 하면 되는지 알 수 있다.

이는 애니메이션 스피드를 조절하면 스크립트 차원에서 한 번에 관리하기도 용이하기 때문에 유지 보수 측면에서도 특장점이 있다 생각함

마지막으로 아쳐 플레이 영상 보고 마무리하겠음

[익명(220.121)]

애니메이터가 귀찮아서 라기에는 너무 복잡한거 아임니까

[고관붕#3KN1L(khg12347)]

일단 만들어 놓으면 평생 쓰니까요.. - dc App

[해당 댓글은 삭제되었습니다.]

해당 댓글은 삭제되었습니다.

[고관붕#3KN1L(khg12347)]

오... 오버라이드 컨트롤러는 첨들어보네 일단 찾아보겠음 - dc App

[고관붕#3KN1L(khg12347)]

오버라이드 컨트롤러 쓰면 확실히 애니메이터 일일이 만드는거보단 편하네... 모듈만의 장점이 있겠지만 애니메이터가 더 나은 경우엔 오버라이드 컨트롤러 쓰는게 훨 나은듯 ㄱㅅㄱㅅ - dc App

[음덕음덕(seoul90)]

내가 만들다만 타워디펜스 생각난다. 지금이라도 다시 만들어볼까

[고관붕#3KN1L(khg12347)]

다시 해보자 - dc App

[잠둥이(fcrow)]