[📜일지] RNGods - UI 포스트모템 (초 장문, 스압)

[김피슬(fischlkim)]

https://youtu.be/QNZ5VLbhxDo

(대충 이런거 들으면서 만들었다는 내용)

<포스트모템 백업>

<Fall 2022 데모 링크>

안녕. 나는 피슬 웍스의 기획 리드 겸 플머 겸 TA 겸 UI 디자이너 겸 작곡가 겸…

하여튼 이것저것 다 하는 지나가던 플머 겸 기획자야.

이번 글에서는 RNGods의 UI를 디자인하면서 했던 독자연구와 그 결과물을 포스트모템으로써 기록하는 김에 공유하려고 해.

게임 디자인과 관련한 철학적인 얘기부터 시작해 온갖 재미없는 내용들이 딸려나올지도 모르지만,

그래도 “저 정도면 내가 대충 찍찍 그어도 끝날텐데, 얘는 뭐 이렇게 오래걸렸담 아 ㅋㅋ” 정도로만 읽어줘도 고마울 것 같아.

먼저, 게임이 어떤 게임인지 간단하게 소개하자면…

야춘데, 족보를 맞추면 스킬이 튀어나가.

정말 그게 끝이야.

물론 족보가 카드 단위로 나눠진다던지,

카드 하나하나가 특수한 효과들의 조합을 들고 있는 형태라던지,

핸드가 공용이여서 쟤 카드를 내가 쓰고 내 카드를 쟤가 쓴다던지,

슬더슬처럼 나만 카드를 플레이하고 AI는 AI대로의 시스템이 존재하는게 아니라

AI가 진짜 체스 AI처럼 나랑 동일한 조건 하에서 똑같이 게임을 한다던지 하는

세부적인 메카닉 차원에서의 차이점들은 정말로 많지만, 그냥 게임 컨셉을 피칭하자면 저 한마디로 설명이 끝나.

AI는 확률과 데미지 기대값과 효과별 가중치 등을 전부 계산해서 최선의 수만을 선택하기에,

비록 이런저런 소소한 버그는 존재하지만 하여튼 개똑똑해.

참고로 내가 방금 말한 모든 것들은 데모에서 구현이 이미 끝나있고, 위의 링크를 타고 들어가서 플레이해볼 수도 있어.

단, 데모 분량상 덱빌딩 메카닉이랑 슬더슬식의 소모성 아이템, 영웅 능력 등은 폴리싱하다 말고 덜어내게 되었는데,

그로 인해 생겨버린 허점들을 액션쾌감으로 커버하려고 카드 코스트를 개판낸 상황인지라 밸런싱은 몰?루

그런데 아이디어를 떠올리는거랑 개발을 킥오프하는거랑은 또 다르잖아?

그래서 처음에 아이디어를 떠올리고 나서 개발을 시작하기 전에, 먼저 친구를 보드게임 카페로 끌고 가서

아무 주사위 쓰는 게임 하나를 열어 주사위만 꺼내서 아이패드랑 애플펜슬을 가지고 게임을 플레이해봤어.

재미있는거야. 재미있으면 안되는데, 실험적인게 재미있을수가 없는데, 재미가 있는거야.

심지어 조금만 만지면 잘 팔릴것처럼도 느껴져서, 이건 디지털로 포팅 안하는것도 미친놈이고,

이걸 재밌게 포팅 못하는것도 미친놈이라는 결론에 도달했지.

게임이 재미가 없으면 순도 100% 이걸 포팅하고 구현한 내가 병...이라는, 그런 배수진이 쳐진거지.

데모가 재미없다고? 내가 미안해…

나는 이게 디지털 보드게임의 가장 큰 장점이라고 생각해.

메카닉 하나하나가 수백, 수십년의 시간에 걸쳐서 다양한 방식으로 테스트된 로버스트한 메카닉임과 동시에,

개발을 시작하기도 전부터 게임의 룰의 허점을 보완함과 동시에 재미를 테스트해볼 수 있는거지.

또, 메카닉 하나하나 사이의 정말로 무수한 수의 조합이 가능함과 동시에, 지금 당장도 새로운 조합들이

발견되어 새로운 보드게임들이 탄생하고 있어.

https://boardgamegeek.com/browse/boardgamemechanic

참고로 위의 링크에는 보드게임 메카닉 하나하나의 설명과 기원, 활용 예시 등이 들어가있어서

나처럼 TCG나 테이블탑류 게임의 개발에 관심있는 기획자라면 한번쯤은 꼭 참고해봐도 좋을거야.

대충 정리하자면, 내 기획은 요트류 주사위 게임이 핫했던 때의 인기와 대중성을 활용해보려고 한 기획이라기보다는,

어떻게든 주사위 메카닉에 기반한 실험적인 디지털 보드게임을 만들어보고 싶었는데 (아웃 오브 인덱스에 출품할 예정이였음)

나름 실험적인 메카닉이라고 생각했던게 테스트해봤더니 단순하게 재미있어버린 케이스에 해당하겠네…

물론 조금 테스트한 뒤에 팔아먹을 궁리를 하면서는 앗싸 만세를 불렀지만.

기획 방향성이 정해졌으니, 이제는 이걸 어떤 시점에서, 어떤 스타일로,

어떻게 리소스를 수급해서 제로부터 데모까지 두 달 내로 구현까지 끝낸 다음에 출품할지 계획하고 실행하는 일만 남았지! 와!

물론 수상을 못하더라도 열심히 게임을 팔아먹을 생각이긴 했지만, 그래도 상은 타게 되면 기분이 좋잖아?

또, 우리 팀은 남이 체크해주는 마일스톤이 없으면 절대로 효율의 100%를 낼 수 없는 타입의 니트쉨덜인지라...

그런데, 바로 이때 이런 생각이 들었어.

과연 베이스 룰이 아무리 검증되었으면서 재미있다 하더라도 보드게임을 보드게임처럼 보이게 하면 과연 이게 팔릴까?

누군가가 방송을 하고 싶어할까? 내가 데모 피칭을 할 기회가 생긴다 하더라도

책상에 디지털로 널부러진 2D 카드 무더기를 보고 과연 누가 관심을 가질까?

이전의 내가 그랬듯이, 아웃 오브 인덱스 하나만을 바라보면서 단순히 실험적인 게임을 만들 생각이였으면

당연히 더 쉬운 길을 택했겠지. 겉보기를 예쁘게 포장하거나, 게임의 훅에 대해서 고민해보거나,

정보 계층구조의 복잡도나 인터페이스의 직관성을 개선할 생각 자체를 하지 않은 채로

새로운 게임 메카닉의 발견이라는 측면에만 초점을 두고 기획 정리와 기능 구현에만 몰두했을 테니까.

정확히는, 게임 그 자체에 중심을 맞추는 것이 아니라, 그냥 찍 긋고 나서 그게 얼추 그럴듯하면

그걸 발전시켜나가면서 게임의 비주얼을 확립한다는 느낌이겠지. 당장의 자기 자신의 스킬셋에 맞춰서 말이지.

아, 이 파트는 아웃 오브 인덱스를 폄하하는게 절대로 아냐. 나는 오히려 지금까지도 실험적인 아이디어에 미쳐있는 쪽이고,

그 행사는 지금 대학생인 내가 중학생일 시절부터 언제나 동경하던 행사였어. (물론 지금도 그래)

시장성과 독창성 둘 중 하나만을 골랴야 한다고 하면, 나는 언제나 망설임 없이 독창성을 고를거야. 당장 먹고살만큼은 되거든.

단, 이번에는 아이디어 자체가 단순하면서도 나름 신선한데 재미있으면서도 조금만 노력하면 잘 팔릴것 같은

그런 최상급 식재료였던지라 (다행히도) 굳이 둘 중 하나를 포기할 필요가 없었던거고.

결과물에 있어서 둘 중 무언가가 부족하다고 느껴진다면 그건 요리사인 나의 문제겠지…?

하지만 가장 큰 이유로는, 이전의 내가 그랬듯이 실험적인 게임이라는 키워드를 단순한 변명거리로써 소비하기가 싫었어.

게임이 재미가 없거나, 누군가에게 소개를 했을 때에도 반응이 시큰둥하거나, 만들기만 하고 출시하지 않기를 반복한다 하더라도

“내 게임은 실험적이니까 시장성이 없는건 당연해” 식으로 합리화하면서 자기만족만을 반복할 뿐이였거든.

이것도 시간이 지남과 함께 수없이 많은 참신하면서도 쉽고 직관적이고 재미있는 수작들에게 얻어터지면서 고쳐졌지만…

당장 독창성과 완성도와 시장성 모두를 싹쓸이하고 있는 IGF Nominee / Finalist들만 보더라도 실험적,

그리고 독창적이라고 해서 불친절해야만 하는게 아니라는건 뻔하거든.

물론 그 모두를 충족하는 미친 물건을 한두명이서 뚝딱해낸다는게 얼마나 기적적인 일인지는 논외로 하고서라도 말이지…

친구 하나랑 유사종이랑 펜으로만 테스트해도 미치게 재미있었던 아이디어지만,

그렇다고 이걸 디지털 플랫폼에서 종이랑 펜으로 하라고 게임을 만들 수는 없잖아?

오히려 그게 만들기가 훨씬 어려우면서도 시장성이 없을건 뻔하고 말이야.

하여튼 그렇게 내 UI 디자인 겸 카메라 구도의 방향성이 결정되었어.

1. 메카닉상으로는 분명 디지털 보드게임은 맞지만, 딱 보았을 때에 보드게임처럼 보이지는 않는.

2. 모바일 기기, 그리고 스위치로 당장 포팅되더라도 그리 이상하지 않은.

3. 직관적이면서, 미니멀하면서, 스타일리쉬한 UI.

뭐든지 쓰는게 가장 쉬워. 그리고 나는 이 비전에 내 결과물을 맞추기 위해 온갖 개고생을 하게 돼.

아, 2D / 3D에 대한 선택지는 처음부터 없었어.

나는 2D 아트 / 도트로 게임의 비주얼에 독창성을 부여하는게 얼마나 위대하면서도 하드코어한 일인지 잘 알고 있고,

단 두 달 내로 그걸 해내는건 의지의 문제를 넘어섰을 뿐더러, 무엇보다 내게 도트를 잘 찍는 능력은 없었거든.

손이랑 별개로 색에 대한 감각과 컴퓨터 그래픽스에 대한 이해도만큼은 어느 정도 있다만…

이건 프로젝트 킥오프 첫날에 찍은 (5월 5일) 스샷이야. 에셋 조합해서 구성하는데 3시간 걸렸어.

이게 로우 ~ 미드폴리 3D 아트의 강점이야. 리소스 선정과 활용에 대한 센스만 있으면,

에셋만 적당히 배치하고 카메라 구도만 잘 잡고 포스트프로세싱만 때려박아도 얼추 그럴듯한 무언가를 빛의 속도로 뽑을 수 있어.

진짜 문제는 여기에 따라올 캐릭터 애니메이션, 카메라 핸들링, VFX, 플레이어 컨트롤, 각종 쉐이더, 라이팅 설정 및 톤 밸런싱,

기획의 발전에 따라 끊임없이 늘어나는 3D 리소스 리스트들의 향연과 이에 어울리는 인터페이스의 구상 등이지.

쓰고보니 조금 많네…?

처음에는 이런 식으로 오른쪽에 대강의 족보를 올려둔 채로 눈앞에 주사위를 띄우고 룰렛처럼 갖다 돌리려고도 해봤는데,

주사위가 공중에 붕붕 떠있다는 것에 대한 서사적인 근거도 없었을 뿐더러, 비주얼이 너무 B급이였어. 그래서 그대로 폐기.

그러다가 결국에는 그냥 바닥에 주사위를 굴려보자! 라고 결심하게 되었고,

주사위를 굴릴 공간이 마련된 아침 시간대의 맑은 하늘의 배경을 가진 레벨을 처음부터 새로 만들게 돼.

(아침인 이유는 주사위의 위쪽 눈이 보여야 하니까)

시간이 지나면서 UI 시안은 이런 모습이 되었지.

대충 두 종류의 카메라 시점을 넘나들면서 주사위는 위쪽 시점에서 굴리고,

스킬은 아래쪽 시점에서 쓴다는 느낌인데, 어쩌다 이렇게 됐냐 하면…

“일단 스킬 선택은 포켓몬스터 or 페르소나 정도의 시점에서 돌아가면 좋겠다!” 라는 의견과

“아니, 주사위를 굴렸는데, 카메라가 아래에 있는건 이상하지 않냐…?” 라는 의견이 뇌내에서 충돌하다가 도출된 결과물이야.

지금 생각해보면 그저 광기이지만, 저때는 저것밖에 방법이 없다고 판단하고 저 상태로 개발을 진행했었어.

그리고 나서는 카드 디자인을 진행하게 되었는데, 나는 이때까지도

정말로 정말로 정말로 UI를 내가 배치까지는 직접 하더라도 직접 그리고 싶지는 않았어.

어떻게든 외부 에셋을 활용해 시간을 극한까지 단축시키고 나서 다른 파트의 퀄업에 신경쓰고 싶었어.

애초에 UI 디자인은 해본적이 없다시피 했거든.

그런데 문제는, 무슨 짓을 해도 도저히 내 마음에 드는 물건이 나오지를 않았다는 거지…

꼬우면 뭐다?

나는 일일 Devlog의 작성을 잠시 멈추고, 사실 나는 닌텐도에 재직중인 UI 디자이너다,

능히 할 수 있다는 자기최면 마인드셋을 장착한 채로 일일 UI 디자이너로의 전직을 시도하게 돼.

이게 아마 데모 제출까지 한달 조금 남은 시점이였을거야…

그런데 카이지나 아카기를 너무 많이 봐서 그런지 이런 도박에도 자신을 가지고 최선을 다해서 임하게 되더라.

https://steamcommunity.com/sharedfiles/filedetails/?id=470786370

처음에는 내가 신봉하는 게임인 다키스트 던전의 UI 디렉션을 정말로 열심히 공부했어.

게임의 분위기랑은 별개로, 각종 아이콘들이 정말로 깔끔하면서 직관적이였던 게임으로 기억에 남아있었거든.

https://www.gameuidatabase.com/gameData.php?id=1390

https://youtu.be/gqCjaMD22_o

그 이후에는 커비, 스플래툰, 페르소나, 그리고 페이퍼 마리오의 UI를 공부했어.

미니멀하면서, 스타일리쉬하면서, 대중적이면서 (페르소나는… 맞나?) 직관적이면서 세계관과도 딱 들어맞는 그런 UI.

하지만, 이런 식으로 하면 이렇게 보인다 정도까지는 알았어도, 이걸 도대체 내 게임에 어떻게 적용시켜야 할지,

쟤네들이 어떤 의도로 저런 형태로, 저런 색으로,

저 특정한 위치에 저 크기로 들어갔는지까지 파악하는건 내겐 불가능한 일이였지.

그러던 중, 한 줄기의 빛과도 같은 스플래툰 UI 디자이너분의 강의를 발견했어.

https://youtu.be/eAqsI8W7_jQ

이걸 시작으로 내가 어디에 중점을 두고 공부를 계속해야 할지가 내다보이기 시작했어.

UI 요소 하나하나를 게임에 넣을 때마다 무채화를 시켜 화면의 어느 곳이 하얗게 나타나는지를 체크하기 시작했고,

특히나 게임의 컬러 팔레트와 전체적인 톤의 밸런스에 목숨을 걸기 시작했어.

각 UI 요소의 크기와 움직임, 형태와 위치가 내포하는 의미에도 신경을 쓰기 시작했고.

가장 중요한 깨달음으로는, 타 게임들과의 버튼 위치의 유사성과 같이

플레이어가 기존부터 가지고 있는 경험을 배려할 수 있는 방법에 대해 고민하기 시작했어.

이런 측면에 있어서는 하스스톤, 섀도우버스 등의 모바일 TCG 게임을 가장 많이 참고한 것 같네.

엔드 턴 버튼이 똑같이 오른쪽에 있다던지,

카드가 동일하게 오른쪽 아래에 위치한 채로 드로우한 카드 또한 오른쪽 아래에서 나온다던지…

뭐든지 익숙한게 즐기기 편하잖아?

https://youtu.be/6yAC5cF_PxU

https://youtu.be/DxOGkhLfPf8

https://ridwankhan.com/the-ui-and-ux-of-persona-5-183180eb7cce

그렇게 평소부터 좋아하던 페르소나와 포켓몬스터의 UI에 심취해서 몇날며칠을 자나깨나 UI 생각만 하면서 보낸 다음,

이거다! 하면서 페르소나와 포켓몬스터와 정체모를 주사위겜을 어찌어찌 짬뽕한 UI 시안을 끄적거리게 돼.

왼쪽 위의 주사위는 뭐냐고?

처음에는 다시 굴릴 주사위를 선택하는 용도로 주사위의 눈들을 저기에 실시간으로 업데이트하면서 시각화할 예정이였어.

그러니까 이 시점의 UI 시안을 기준으로 게임을 만든다고 치면, 저 중간에도 3D 주사위들이 굴러다니는데,

왼쪽 위에도 또 2D 주사위들이 있는거야. 이상하지?

그래서 이 파트는 나중에 UX를 최적화하면서 그냥 3D 주사위를 눌러서 선택하는 방식으로 바뀌게 돼.

그러고는 Procreate를 켜서 아이패드로 적당히 카드와 카드 효과, 아이콘 등을 끄적거렸지.

내가 애용하는 방법은 그냥 화면 스크린샷을 딴 다음,

그걸 그대로 열어서 그 위에 레이어별로 UI 요소를 하나씩 그려가면서 겹쳐보는거야.

실제로 UI가 들어갔을 경우의 전체적인 스케일과 톤 밸런스를 확인함과 동시에 이를 미세조정하기가 용이하거든.

첫 시안은 대강 이런 느낌이였는데, 아이콘이 들어갈 자리를 네모나게 파놓은 버전이였어.

오른쪽의 효과가 단 두 칸인 이유는 사람의 능지는 생각보다 낮아서 저게 두 칸 이상을 넘어가면 머리가 아파오지 않을까 해서 나온 생각이야…

어린 친구들한테도 게임을 신명나게 팔아먹어 보겠다는 생각도 있었고.

그런데 마침 옆을 지나가던 친구가 엄청 구려보인다, 그냥 잘라서 통으로 마스크를 씌워버려라길래 나쁘지 않은 생각 같아서 그걸 그대로 실행했지.

참고로 붓은 판다니와 틴더박스 이 두 종류를 주로 사용했어.

넓은 면의 경우에는 판다니로 베이스를 깔고 지우개로 형태를 다듬어서 붓으로 칠한 듯한 느낌을,

그리고 테두리와 같이 얇은 선의 경우에는 틴더박스를 활용해서 (마찬가지로 중간중간 지우개로 형태를 다듬으며) 구분선처럼 느껴지게 했지.

단, 주의할 점은 판다니의 경우에는 알파값을 어느 정도 살리는 형태의 붓이다보니 너무 비쳐보이지 않도록 Opacity에 신경을 쓸 것.

https://youtu.be/F6Xn5WSarhg

그런데도 뭔가 심심해 보여서, 유투브에서 두들 쉐이더 튜토리얼을 따라가며 이게 어떻게 생겨먹은 쉐이던지 이해한 후,

기존에 써두었던 이미시브, 디졸브 쉐이더와 이를 하나의 쉐이더로 갖다 합쳐서 게임의 각종 Sprite Renderer들에게 골고루 적용시켰어.

이미시브 쉐이더까지 활용한 이유는, UI 레이어가 포스트프로세싱을 스킵하도록 구성되어 있다 하더라도 UI의 위치나 크기에 따라서

미세하게 밝기 등을 조정해야 할 필요가 있었거든...

비록 눈치채는 플레이어는 없을수도 있지만, 같은 화면을 연속으로 수십시간동안 노려보다보면 은근히 신경쓰이는 친구들이 보여서 말이지...

참고로 튜토리얼에서 알려주는 그대로의 쉐이더 그래프에는 허점이 있기에 저걸 그대로 모든 상황에 적용시키기는 어려울 거고,

중간중간에 활용 목적에 따른 파라미터나 노드를 추가해서 조금 수정해야 할 거야.

https://youtu.be/6uM7CQGZ6rE

또, 저 튜토리얼을 찍으신 분은 컬러 팔레트와 테마가 정말로 훌륭한 Cult of the Lamb이라는

갓-탑다운 액션 로그라이트 겸 경영시뮬을 개발하신 분인데, 시간이 된다면 그 게임도 체크해봐도 좋을거야.

그렇게 핸드의 시작과 끝 부분을 시각화해줄 가이드라인까지 추가한 다음,

이 정도면 아슬아슬하게 데모에 내보낼 퀄리티까지는 달성한 것 같다는 판단을 하고 체력 UI의 제작으로 넘어가게 돼.

참고로 숫자에 색깔로 하이라이팅이 들어간건 워게임이라는 게임으로부터 따온 시스템이야.

이런 식으로 능력치에 숫자로 하이라이팅을 준 덕분에,

수천마리의 유닛 정보를 눈으로 계속해서 훑으면서도 지치지 않고 덱을 즐겁게 짤 수 있었거든.

신작인 WARNO가 저기에 비해서 퇴화해버린게 화나긴 하지만…

체력은 체력대로 또 까다로웠는데, 평소에 즐겨하던 길티기어 느낌의 체력바를 채용할지,

혹은 그냥 하스스톤이나 섀도우버스 느낌의 숫자가 박힌 아이콘을 쓸지…

그러던 중, 전투 연출 참고용으로 페르소나의 전투 파트를 다시 돌려보다가 이거다! 싶어서

페르소나와 같이 적 위치에 둥둥 떠있는 스프라이트 하트를 베이스로,

이 위에 하스스톤이나 섀도우버스가 했던 것처럼 숫자를 올려서 직관적으로 시각화는 방식으로 UI를 픽스하게 돼.

하트의 형태는 게임 특유의 벡터벡터한 아트스타일에 맞춰서 조정했고.

첫 글에 올린 짤만 보고 저게 페르소나 스타일 하트라는걸 간파해낸 모 개발자분께 존경을…

그렇게 리롤 토큰이 들어갈 공간과 상태이상 큐를 더한 결과물이 이거야. 최종 UI와 비슷하지?

하트가 빨간색인 이유는, 이때까지만 해도 나는 컬러 팔레트를 스타일리쉬하게 가져가려고만 했지,

스플래툰처럼 수박 팔레트 등 고대비 팔레트를 쓸 생각은 없었어.

하지만 월드를 미드폴리로 가져가면서는 메인 일러스트와 비슷한 분위기를 내기 위해

메인 카메라에 대해서 마그네타 계열의 색 보정을 노빠꾸 포스트프로세싱으로 입히게 되었고...

배경 색부터가 편향되어 있다 보니 국룰 색 조합이 오히려 붕 뜨게 된 거야.

그래서 팔레트를 어떻게 가져가는게 좋을까 고민하다가,

플레이어 및 플레이어 UI는 기존과 동일하게 매우 어두운 남색 / 겨자색의 조합으로써 표현하였고, (5, 15, 35) / (255, 188~200, 55)

적의 경우에는 시안 / 마그네타의 조합으로 표현하기로 했어.

0.1.4 버전부터는 공격 시에 화면에 집중선이 그어지는데, 이 집중선의 색 또한 공격자의 컬러 팔레트에 맞췄고.

적의 베이스 색깔부터가 파란색 계열이다보니 은근히 잘 어울리더라.

물론 저 색도 얻어터지기 시작하면 점점 빨간색으로 바뀌도록 해놓았는데... 가장 중요한건 첫인상이지.

아, 또, 주사위가 왼쪽 위에 둥둥 떠있는 이유를 설명하자면, 하트를 더하면서 게임을 테스트하는 도중에

더블 뷰포인트가 미친짓이라는 사실을 뒤늦게 깨닫고, 뭔가 방법이 없을까 하고 고민하다가

그냥 제일 처음에 했던 방식으로 회귀해서 그래…

그 대신에 미친척하고 세계관을 온통 주사위 투성이로 구성함으로써

어떻게든 하늘에 둥둥 떠있는 주사위의 위화감을 지워보자는, 우회적인 전략을 택한 셈이지.

이렇게 내 게임의 세계관은 UI를 구성하면서 확립되게 되었어.

(메인 일러스트의 대빵 주사위)

(게임 이름)

(게임 설명)

남은 장소가 정말로 저기밖에 없었던데다가, 저런 식으로 배치하면 플레이어의 눈의 흐름이

순서대로 왼쪽 아래 -> 왼쪽 위 -> 오른쪽 아래 -> 오른쪽 위로 부드럽게 향하게 되거든.

중간에 적이 걸치는건 덤이고.

또, 카드를 화면에 붙이지 않고 월드상의 3D UI로 방치한 이유는,

오만 커스텀 쉐이더들을 (마티리얼을) 상황에 따라 돌려가면서 붙여쓰고 있었기에

다른 플랫 UI들과 너무 대비된다는 이유도 있었지만...

가장 큰 이유는 핸드가 공용이라는 점을 강조하고 싶었기 때문이야.

저기에 올라와있는 카드들을 플레이어만 사용 가능한게 아니라 AI도 사용 가능하며,

AI가 올려놓은 카드들을 플레이어도 사용 가능하다는 사실을 말이야.

이때는 6월 13일, 제출까지는 4주도 채 남지 않은 상황이였지.

6월 17일, 롤 & 리롤 & 엔드턴 버튼을 그려넣었어.

또, 스플래툰 강의에서 배웠던 대로 어느 파트가 밝아야 하고, 어느 파트가 어두워야 하며,

다양한 효과들이 가진 다양한 색들에 대하여 톤 밸런스가 얼추 다 맞는가에 대해서도 계속해서 체크했어.

참고로 눈이 좋은 사람들은 아직까지는 UI 요소들에 대해서도 포스트프로세싱이 적용되어 있었다는 점을 알아차릴 수도 있는데,

이건 결국 나중에 카메라 스태킹을 통해서 UI에는 포스트프로세싱이 적용되지 않도록 빼버렸어.

UI에까지 블룸이나 색 보정 등 색에 영향을 주는 효과들이 광역으로 들어가니 밝기나 채도 밸런스를 맞추기가 너무 힘들더라…

6월 21일.

내가 디스코드에 적힌 날짜를 읽으면서도 이게 맞나…? 싶은데, 놀랍게도 실화야.

제출 2주 전까지의 메인 씬은 지금의 미드폴리 비주얼이 아니라 로우폴리 비주얼이였어.

사람에 따라서는 이 버전이 더 매력적으로 느껴질 수도 있겠지만, RNGods가 지금의 미드폴리 비주얼을 가지게 된 계기는

대강 이맘때쯤에 (이전에) 외주를 맡겼던 우리의 미드폴리 주인공, 피슬이 도착했기 때문이였어.

이런 생명체를 로우폴리 월드에 가둬놓는다는게 과연 사람이 할짓인가?

그대로 악마에게 영혼과 수면시간을 팔아 이틀만에 월드를 미드폴리-화 해버렸어.

그리고 7월 5일날로 넘어가는 새벽에 빌드를 묶고,

그대로 개같이 BIGS에 데모를 던진 다음 GIGDC 빌드를 위한 2차 무호흡 크런치에 들어갔어.

아, 트레일러 퀄리티가 묘하게 B급인건 팀원이 단 두명인 상황에서

기획자 겸 플머가 빌드 전 최종 DiffCheck와 함께 문서를 쓰는 동안

영상 편집을 처음 해보는 테크 리드가 트레일러를 한시간 내로 뚝딱했기 때문… 이게 인디개발이지...

심지어 영상 마지막에는 미처 처리 못한 애니메이션 버그까지… 그럼에도 게임 특유의 분위기는 나름 잘 살린 것 같은…?

그렇게 해서 제로부터 두달만에 뽑힌 결과물이 이거고, 나는 기획자 겸 플머인 내가 직접 UI를 맡은 것에 대해서 후회가 없어.

오히려 어떤 UI 디자이너한테 도대체 어떻게 말해서 외주를 맡겨야 이런걸 해줬을까… 싶은 심정이야.

대강 게임의 비전에 의해서 UI에 부여되었된 다양한 요구사항들, 개발기간 동안에 참고한 각종 레퍼런스와 강의,

수많은 뻘짓들과 그에 대한 나름대로의 근거, 이로써 얻은 교훈 등을 얼추 정리한 것 같은데, 만약 자신의 실험적인 게임에 최적화된

특수한 UI를 직접 만들면서 삽질을 사서 하려는 다른 개발자가 있으면 조금이라도 도움이 됬으면 좋겠네.

저번에 애기했던 기술 스택이나 활용 에셋, 그리고 개발론적인 것도 넣어보고 싶었는데 분량상 그건 언젠가 기회가 된다면...

[익명(202.31)]

개추

[익명(218.234)]

괜찮다

[익명(218.147)]

분위기 좋다

[ㄹㅇ(devru)]

경험을 상세하게 공유해줘서 고마워! 그래픽 경험 없이 ui 만들기 참 힘들었을텐데도 마지막 화면 ui요소 하나하나에 눈이 한번 더 가는게 개성있게 잘 만든 것 같아ㅎㅎ

[김피슬(fischlkim)]

(압도적 감사 짤 여기)

[익명(119.194)]

우왕 쩐다

[익명(14.37)]

인겔에서 본 중에 가장 고퀄이다...

[익명(119.194)]

와 많이 배우고 갑니다.

[원중(keemwonjung123)]

도움이됨 굿