[📜일지] 도트 로그라이크 '스플릿 스퀘어' - 기획, UI 디자인

[매미허물(shedinja)]

안녕, 줄곧 눈팅만하다가 이 갤러리에 처음으로 개발 일지를 적는다.

유니티로 게임 개발에 입문하고 1년 동안 팬게임을 개발하면서 공부를 한 나는 이제 스토어에 올릴만한 차기작을 만들어야겠다는 필요성을 느낌

그래서 팬게임 개발 중에 틈틈이 끄적인 아이디어들을 취합하는 과정에서 위와 같은 도트 애니메이션을 제작했다.

당시나는 'game of life'처럼 단순한 법칙으로 움직이는 작은 세계와 키보드라는 소재의 매력에 빠져있었지만

이 아이디어는 모바일, PC 모두에서 조작이 어려울 수 밖에 없어서 수정됨

그 결과가 위의 디자인

조이스틱 방향키와 4개의 스킬이 들어갈 스킬 버튼, 스킬 사용에 필요한 스태미나 게이지가 UI에 배치되어있다.

검게 비어있는 배경에는 이렇게 랜덤 배치된 블록과 적들을 배치할 예정이었다.

이 시점에서 여러가지 속성의 스킬을 장착해 랜덤한 맵에서 적과 싸운다는 컨셉이 결정됨

X표 같은 거는 적의 이동 타입에 따라 배치 조건을 어떻에 할지 정하느라 생긴 표식이야.

그런데 위 디자인에는 문제가 있었는데

4개의 스킬 버튼 색이 통일되면 괜찮은데 스킬 속성 때문에 색이 중구난방이 되면 보기 흉해졌다.

그래서 키보드 요소를 아예 디자인에서 빼버렸다.

결국 기획도 디자인도 처음과는 완전히 달라졌다.

그리고 버튼 배치를 결정하는 과정에서 세로 화면은 어떨까 한번 그려봤으나 결국 가로 화면 고정으로 결정했다.

그 후 보유 스킬을 담아둘 인벤토리 디자인, 스킬 선택 시 설명 UI를 구상했다.

이 당시에는 '클래시 로얄'처럼 스킬을 사용하면 스킬이 사라지고 덱에 있는 무작위 스킬이 그 빈 칸을 채워 계속 순환하는 방식을 생각했는데

캐릭터 이동을 하면서 스킬의 위치가 계속 바뀌면 플레이어가 헷갈릴거라 판단해 나중에 다른 방식으로 수정하게 되었다.

로그라이크 덱빌딩으로 기획이 결정된만큼 선택 분기 요소도 어떻게 구현할지 구상했다.

덱이라는 한정된 자원으로 폐쇄된 작은 방을 하나하나 클리어하고 클리어 후 소모된 덱을 리셋하는 방식이니

아이작처럼 여러 방을 물리적으로 연결하거나, 녹픽던 같이 커다란 대형 스테이지 하나를 생성해 돌아다니게 하는 건 어울리지 않는다고 생각했다.

그리고 녹픽던 같은 절차적 맵 생성은 어차피 어려워 보였음

자연히 위처럼 나뭇가지 형의 선택 분기맵과 전투방이라는 두개의 플레이 모드를 오가는 구조로 처음에는 정했다.

그런데 내가 로그라이크 장르를 잘 모르고, 알고있는 것 중 일부분도 유튜브 에디션이지는 하지만

저런 나뭇가지형 분기를 쓰는 로그라이크들은 자연히 스테이지 초중반에 크게 두 갈래로 갈라져

선택지의 절반이 플레이어의 고려 대상에서 날아가 버리는 경우가 많았다.

당시에는 플레이하던 모바일 게임의 로그라이크 모드로 얻은 불확실한 경험이었지만 나중에 'Inscryption'을 플레이 해보면서 이 느낌은 확신으로 변했다.

그래서 위의 가지형 분기가 위처럼 그리드형 분기로 재디자인 되었다.

뱀과 사다리 게임을 닮은 이 맵이 하나의 스테이지이고

맨 왼쪽에서 시작해 오른쪽 끝에 있는 보스방에 도달해햐 함

한 칸 이동할 때마다 시간 카운터가 소모되기에 많은 칸을 돌아다니는데는 패널티가 따른다.

gif에서 움직이는 캐릭터는 전에 만든 팬게임 캐릭터다. 오리지널이 아님

작년 9월 3일에 이 게임 개발을 시작해 현재 5개월째인데, 돌아보니 기획이 이뤄진 과정이 특이하긴 했다.

보통은 문서로 충분히 기획한 후 유니티로 프로토타입부터 만든다는 데,

나는 문서는 디테일이 필요할 때마다 종이에 조금씩 끄적인게 전부고, 기획이 변경될때마다. 일단 Aseprite로 시각화부터 해보고 디자인도 같이 구상했으니...

사실 현재까지 얼마나 만들었는지 바로 보여줘도 됐지만, 구현 전에 기획을 어떻게 해서 왜 이런 결과에 다다랐는지 남겨놓고 싶기도 하고,

글이 이미 너무 길어져서 이렇게 앞부분만 떼서 올린다.

나중에 어떻게 됐는지는 다음 일지에 올릴 게

[누아(rbfwmqwntm)]