[💬] 만드는 겜 '18 8월 4주차 개발일지

[Creta_P..(hd3306)]

안녕하세요.

이번에 꽤 많은 일을 진행했는데요...

역시 코드 작업이 열에 8할이다 보니 보여드릴 게 없을 것 같았지만...

이번에 이벤트 변수와 관련된 모든 기능이 완성된 덕에 그나마 보여드릴 수 있는 것이 생겼습니다!

드디어 핵심적인 부분이 완성됐거든요!

-----

이벤트 변수와 관련된 모든 것

저번 글에서 언급했던 대로, 이벤트 변수* 에 값 지정만 만들면 캐릭터 애니메이션 작업을 진행한다고 했었죠?

* 이벤트 변수 : 이 게임에서 쓰이는 변수 시스템입니다.

인 게임 컷씬, 상호작용 등의 이벤트를 통제할 수 있고, 게임의 상태를 모두 저장하기 위한 수단입니다.

그래서 이벤트 변수의 값을 지정하는 부분을 만들기 시작했습니다.

그전에 조건분기 이벤트를 비롯해, 플래그 포인트와 같은 게 구분하기 어렵다는 것을 깨닫고 간단한 작업을 진행했습니다.

플래그 포인트에 임시로 DrawRect를 사용해봤는데, 구분하기가 쉬워졌다는 걸 느꼈죠.

색은 유연하게 이벤트 특성 별로 지정할 수 있기 때문에 일단은 변수에 값을 지정하는 것 부터 구현하기로 했습니다.

연산자는 크게 6가지로, 대입[=], 더하기[+], 빼기[-], 곱하기[*], 나누기[/], 나머지[%]를 사용하기로 했습니다.

이정도면 충분하겠죠?

그런데 만들던 도중, 앗차 하던 것이 떠올랐습니다.

이것도 변수를 선택하는 걸 만들어야 하잖아!

그래서 조건 분기 이벤트에서 변수 필드를 만들어주는 메서드를 꺼내와서 아예 독립시켰습니다.

'변수 변경' 버튼이 있는 줄과 '변수 사용' 체크박스가 있는 줄이 따로 독립시킨 이벤트 변수 필드 만드는 메서드입니다.

좀 더 깔끔해져서 좋네요!

그래서 변수 설정에는 이벤트 변수만 선택할 수 있는 필드와 변수와 상수를 지정할 수 있는 필드를 둬서 변수가 값이 바뀔 수 있도록 레이아웃을 준비했습니다.

그리고 이벤트를 너무 많이 쓰지 않게 하기 위해서 한 이벤트 안에서 변수를 여러번 지정할 수 있게 중첩되게 만들었습니다.

이제 레이아웃이 모두 준비가 됐으니, 실제로 작동하는 코드를 만들어야 합니다.

이번에도 역시 조건 분기 이벤트에서만 쓰였던 이벤트 변수를 비교하기 위한 구조체를 꺼내와 공용으로 쓸 수 있게 독립하는 작업을 진행했습니다.

저번 글에서 조건 분기로 비교하기 위해 연산자를 오버로딩을 했었습니다.

그런데 이번에 비교하는 과정에서 성능 최적화를 할 수 있는 방법을 찾았는데, 떠오르는 순간, 저번에 바보같다는 생각을 한 것이 틀리지 않았다는 걸 느꼈죠. (...)

애초에 이 이벤트 변수 구조체에는 변수 타입을 보관하고 있었거든요!

불필요하게 IsAssignableFrom을 사용 할 필요가 없었던 것이죠.

변수의 타입 값은 enum을 사용하고 있기 때문에 IsAssignableFrom보다 비용이 많이 들어가지 않을겁니다.

그렇게 이제 이 구조체에는 변수 비교 외에도 변수에 값을 적용할 수 있는 기능을 만들었습니다.

코드가 긴 이유는, 저번의 비교 연산자와 같이 4가지 타입을 가지는 이벤트 변수가 다른 이벤트 변수의 타입을 대응할 수 있게 만들어야 했기 때문입니다.

그중 문자열은 대입, 더하기 외에는 쓰는 게 불가능한 등의 조치를 해놓았습니다.

아무튼 그래서 이벤트 변수를 지정하는 이벤트에는 이걸 이용해 굉장히 짧게 만들 수 있게 됐습니다.

이렇게...

이벤트 변수에 값을 계산하고 대입하는 역할 밖에 없었기 때문에, 작업을 수행하는 코드도 굉장히 단순하게 만들 수 있었습니다.

자, 이제 준비가 모두 끝났군요.

이제 이벤트 변수들이 바뀌는 걸 디버그 하기 위해 디버그 도구를 만들어야 합니다.

본래 기획했던 이벤트 변수 디버그의 기획은 게임 내에서 조정할 수 있도록 기획했었습니다.

그런데... 지금 와서 생각해보니, 변수 메타데이터 편집기에서 가능성을 발견했습니다.

그래서 변수 메타데이터 편집기에 조금 더 추가 작업을 진행했습니다.

아래의 영상에서 이벤트 변수가 바뀌는 것을 직접 볼 수 있게 만든 것을 확인하실 수 있습니다.

유니티에서 이벤트에 관련된 모든 테스트를 해볼 수 있게 됐습니다.

https://youtu.be/GsVdzDm9nEc

이제, 이렇게 바뀐 값들은 저장하고 불러올 수 있게 만들어야 합니다.

이미 이전에 변수 메타데이터를 구상할 때 즈음에 구현해두었기 때문에, 금방 만들 수 있었습니다.

잘 되는군요.

https://youtu.be/7PVcF0t1CSc

이로써, 드디어 이벤트 편집기와 세이브 시스템 두가지가 한번에 제 기능을 할 수 있는 핵심적인 부분이 완성됐습니다!

야호!

그러니... 이제 기획대로 애니메이션 작업을 해야겠죠?

-----

애니메이션

그래서 이제 포이가 제발 뒤를 돌아볼 수 있게 반대로 도는 애니메이션을 만들었습니다.

게임의 특성 상, 좌우 대칭으로 쓸 수 밖에 없기 때문에, 약간의 눈속임을 이용해 자연스럽게 만듭니다.

머리카락은 왠지 흔들려야 할 것 같아서 머리카락만 한 프레임을 더 사용했습니다.

     

-----

가장 중요했던 부분을 완성하다

이벤트 편집기의 가독성도 올리고, 세이브와 로드가 깔끔하게 작동하면서 이벤트 변수들을 자유롭게 조정할 수 있게 되니, 굉장히 끝내주는 기분이네요!

애니메이션 작업도 장비를 바꾸고 나면서 작업 속도가 확연히 빨라졌습니다.

그나저나... 이제 가을인데, 아직도 날씨는 여름같네요.

가을을 볼 수 있었으면 좋겠습니다.

아마 다음 주 부터 계속 애니메이션 작업을 하지 않을까 싶네요.

그러면 다음 주에 또 오겠습니다.

[콩쥐(sanghun5229)]

존경합니다

[ㅇㅇㅋ(14.38)]

와 신기하다 어떻게 저렇게 만드지

[ㅇㅇㅋ(14.38)]

편집기 개싱기 어떻게 함?

[도적코볼트(w9716www)]

꾸준히 올려줘서 고마움. 갤의 보배임다.

[Cubea(mjcubea)]

와 일케 베이스부터하면 작업속도 짱이겠다 ㄷ