[📜일지] "여우는 오늘도 친구를 구한다" 개발일지 #5

[wisen(wise1234)]

안녕하세요!

8월개발일지로 돌아온 '여우는 오늘도 친구를 구한다' 개발중인 wisen입니다!

8월에는 7월개발일지에서 작성한 것 처럼 

디자인개선, 새로운 챕터 기획 및 테스트, BIC굿즈 및 이벤트 준비

를 진행했습니다.

1. 디자인개선

디자인개선은 이전부터 계속해서 언젠가는 해야지라며 미뤄둔 숙제였습니다.

예쁘긴 예쁜데, 지금은 이것보단 다른걸 먼저 해야지! 라는 생각으로 계속해서 미뤄두니

뭔가 미묘하게 어울리지 않는 디자인이 있었습니다.

바로 구출동물과 챕터선택 등 고풍스런 프레임이였는데요...

보기에는 꽤 괜찮고 나쁘지않지만 왠지 게임과 조금 이질적인 부분이 있다고 생각했습니다.

그리고 디자인과 관련해서 미대교수님께 현재 화면들을 보여주며 어떻게하면 개선할 수 있을지를 물어보니

해상도 문제도 있었고, 메인화면에있는 버튼들이 무슨 기능을 하는지 명확하게 하는게 좋겠다 등 피드백들을 들었습니다.

그러면서 'Figma' 라는 프로그램을 추천해주셔서 사용해보니 신세계더군요....

이때까지는 그냥 클립스튜디오에서 그림을 그리던가, 파워포인트로 UI를 제작했었는데

시간과 노력들이 너무 아까워지는 순간들이었습니다 ㅠ

그렇게 메인화면의 UI도 바뀌고 pinterest와 구글플레이스토어를 들어가 다른 게임들과 모바일어플에서의 UI를 참고하며

디자인도 변경하고 색상도 비교하며 변경을 해나갔습니다.

<메인 화면 변경 전(왼) - 변경 후(오)>

메인화면에서는 버튼이 어떤 역할을 하는지를 글자로 나타냈고,

좀 더 귀여운 분위기에 어울리게 UI를 직접 그렸습니다.

참고로 플레이 버튼을 누르면 UFO빛이 나옵니다 ㅎㅎ

따로 하드모드를 만들어서 하드모드에선 빨간색 빛이 나오게 할 예정이었으나...

하드모드는 어떻게 될지 잘 모르겠네요...

<알림창 변경 전(왼) - 변경 후(오)>

그리고 알림창 또한 고풍스런(?) 분위기에서 깔끔하게 바꿨습니다.

그냥 도형으로 하긴 밋밋해서 행성 느낌에 맞게 디자인도 해보았습니다.

음.. 이전 디자인이 나쁜건 아니지만 좀 더 깔끔한걸 원해서 최대한 심플하게 할 수 있도록 해보았고,

제가 원하는 느낌의 게임이 색감이 좀 편안한? 채도가 낮은 느낌이라서 그에 맞게 색도 조정해보았습니다.

<결과창 변경 전(왼) - 변경 후(오)>

그리고 결과창 또한 변경하였습니다.

알림 창을 변경하였으니 알림 창에 쓰였던 디자인이 다른 데에서 또 똑같이 쓰이는 걸 원치 않아

결과 창 또한 최대한 깔끔하면서도 알아보기 편하게 바꿨습니다. 

그리고 구출한 친구를 볼 수 있는 화면이 사실 변경하게 된 시작점입니다.

제일 고풍스런 디자인이죠... 그래서 아예 분위기를 바꿔 귀엽게 집에 들어가 있는걸로 생각하고 바꿨습니다.

여러분.. Figma는.. 정말....최고입니다.. 

<구출친구 화면 변경 전(왼) - 변경 후(오)>

아직 준비중인 동물들은 블라인드가 닫혀져 있는 걸로 표현했습니다.

그리고 폰트라던가 전체적으로 귀엽게 바꿨습니다. 

누르면 뽀짝 소리도 납니다..!

그리고 챕터선택화면 디자인도 바뀌게 되었습니다.

왜냐하면 챕터별로 선택을 하게되면 메인화면이 해당 챕터에 맞게끔 바뀌고 

메인화면에서는 해당 챕터에서 구출한 동물들만 나오도록 할 것이기 때문이죠!

그래서 기존의 챕터선택 -> 스테이지 선택 -> 플레이

라는 로직을 바꿔야했고, 디자인도 바로 해당 챕터 메인화면을 볼 수 있도록 해야했습니다!

<챕터선 화면 변경 전(위) - 변경 후(아래)>

그래서 챕터를 선택하는 화면에서 바로 해당 챕터 메인화면을 보여줄 수 있도록 하였습니다.

그리고 챕터선택화면에서 '선택'을 누르면 메인화면에 나오는 행성(땅)이 변경되고

나오는 동물들도 해당 챕터에서 구출한 친구들과 해당하는 오브젝트들로 바뀌게됩니다.

그리고 여기서 플레이 버튼을 누르면 해당 챕터의 스테이지 선택화면으로 바뀌게됩니다.

음~ 디자인은 아마 이전꺼가 좀 더 귀엽고 왠지 정감이 가긴 가는데,

게임의 분위기를 고려하고 좀 더 내가 원하는 느낌을 내기 위해서 한번은 갈아엎어야지! 라고 생각은 했는데

생각보다 더 큰 작업이 되었던 것 같습니다. 앞으로는 UI는 이제 크게 손을 데진 않을 것 같은데,

이번 BIC때 피드백으로 시각적인(디자인) 요소가 많이 부족하단 말을 들어서 

플레이 화면이나 메인화면 등 3D 오브젝트에 조금 더 신경을 쓸 것 같긴하네요....

정말 디자인이 제일 어려운 것 같습니다..모양도 모양이지만

색감도 그렇고 정말.. 다들 대단하시네요....

2. 새로운 챕터 기획 및 테스트

그리고 새로운 5챕터를 기획하고 구현하였습니다. 

원래는 테스트만하고 밑작업만 할려고 했는데, 욕심이 생겨 구현까지 다하게되었습니다.

게임의 각 챕터마다 고유환경이 존재하기에

5챕터는 물이 나오며 바다를 배경으로 생각했습니다.

그리고 물에 빠지면 Fail이 되도록 하는걸 목표로했죠!

근데 단순히 물에 빠지기만 해서는 왠지 재미가 없을 것 같아

스토리도 짤막하게 추가할겸 조력자를 추가하였습니다.

바로 '거북이' 를 이용해 플레이어가 한번 움직일때마다 거북이도 특정 패턴으로 이동하도록하여

거북이가 오는 타이밍에 맞춰 여우가 물을 지나갈 수 있도록 하는 기믹을 만들었습니다.

네, 보시는 것 처럼 거북이를 잘 이용하면 우주선과 만나지 않고 바로 도착지점까지 도달가능합니다.

그리고 물에빠지면 둥둥뜨고 바로 스테이지를 실패하게됩니다.

그리고 챕터5의 조력자인 거북이도 우주선에 빨려들어갈 수 있는데..

거북이가 납치된 채로 클리어를 해도 별이 깎이게됩니다 ㅠ.. 

(거북이도 소중한 동물친구...)

3. BIC굿즈 및 이벤트 준비

BIC 전시 참가 후기 : https://gall.dcinside.com/mgallery/board/view?id=game_dev&no=134115

BIC와 관련해서는 후기 게시물을 따로 올렸으니 혹시나 

후기가 궁금하신 분들은 따로 봐주시면 감사하겠습니다!

BIC 굿즈를 준비하기 위해서 이전부터 계속 고민을 해왔고

좀 더 오래간직할 수 있고 귀여움을 잘 나타낼 수 있는

스티커와 핀뱃지를 결정하게되었습니다. 

스티커의 경우에는 칼선이 필요한데, 보통 어도비 일러스트레이터 프로그램을 사용해서

따로 레이어를 추가하고.. 음.. 칼선을 만들고 하는 것 같던데..

저는 어도비 프로그램도 없고! 그렇게 칼선을 수작업으로 따는 능력도 안되기때문에

자체적으로 칼선을 생성해주는 스티커 제조 업체에게(레드프린팅) 맡겨서 진행했습니다.

어우..사진을 그냥 카톡으로 보내기만해서 너무 풍파되었는데,

아무튼 다른데서 작업한 캐릭터들을 배치하여 스티커를 제작하면 됩니다.

다만, 칼선을 자동으로 만들어주는 것이기때문에

이렇게 캐릭터 외곽선을 다른 색으로 하면 실제로 칼선부분이 캐릭터 외곽선이 들어갈 수도, 외곽선이 안들어갈 수 도 있습니다.,

그래서 해당 캐릭터 색상에 맞춰서 외곽선 색상을 칠해줘야합니다!

안그러면 연락이 와서 외곽선으로 인해서 다시 작업을 해달라고 요청이 오더라고요 ㅠㅜ

꼼꼼해서 좋았지만, 제가 아직 무지해서 벌어진 일이기에 여러분은 일을 두번하지 마세요! 

그리고 핀뱃지의 경우에는 주변 게임팀에게 정말 좋은 사이트를 추천받아 해당 업체에서 진행했습니다! (뺏지스토어)

해당 사이트에서는 수량을 결정한 뒤, 결제를 먼저 진행하고 난다음에 

담당자에게 이미지 파일을 따로 전달하면 됩니다.

이미지 파일의 경우에는 

그냥 핀뱃지 사이즈의 배경이미지에 캐릭터를 추가해서 이미지 작업을했습니다.

스티커 작업을 먼저하고나서 뱃지 작업을 하니까 편하고 좋았습니다 ㅎㅎ

물론 뱃지그림을 따로 그리긴했지만 결국은 스티커를 너무..잘 그려서.. 해당 이미지로 작업했네요...

(혹시 상호명이라던가 사이트명을 기재하는게 문제가 있다면 바로 수정하겠습니다..!)

+) 그 외

- 조작설정 (오른손, 왼손, 스와이프)

- 챕터5 메인화면 꾸미기

- 상점 아이템 UI 제작

또 그 외에 뭔가 있을 것 같긴한데..

현재 생각나는건 여기까지네요...

사실 8월안에 개발일지를 작성해야 했었는데

늦어버렸습니다 ㅠㅠ

.

.

.

.

앞으로는 

1. 다국어 번역

2. 힌트 시스템 구현

3. ........ BIC 피드백.......

를 할 것 같습니다.

사실 막연하게 횟수를 제한으로 두는 하드모드를 구현할려고 생각하였으나

똑같은 스테이지를 왜 사람들이 하드모드로 한번 더 할거라 생각하느냐? 란 물음이 들려왔습니다.

너무 당연한 말이라 반박을 할 수 없었고.. 

하우징시스템(나만의 공간 꾸미기)과 퍼즐시스템 두개 중 어떤 것에 비중을 둬야할 지 결정을 해야할 것이다.

란 피드백 또한 있었습니다.  저는 너무 막연하게 스테이지를 클리어해서 재화를 주고 해당 재화를 통해서

메인화면을 꾸밀 수 있다면 좀 더 플레이할 맛이 나지 않을까? 만 생각했었는데 너무 안일했다고 생각합니다..

좀 더 전체적인 면을 보지 못한거죠.. 그래서 원래 퍼즐을 잘 푸는 사람들을 위해

좀 더 제한적인 요소를 둔 하드모드가 아닌 기존 플레이 시스템에서 일정 움직임 횟수 안에

클리어 한 사람들을 위한 시스템을 만드는게 좀 더 효율적이라고 생각이 들기도합니다.

그리고 계속 같은 느낌으로만 스테이지가 전개되어 지루함을 호소하는 사람들이 있기에

스테이지 개수를 대폭 줄였고, 하드모드에서 스테이지를 더 많이 보여주니 상관없겠지라고 생각했었는데

하드모드를 없애고나니 스테이지 개수가 너무 부족해보였고.. 실제로 볼륨을 키워야 한다는 얘기를 많이들었습니다.

그래서 아마 해당 챕터에 맞는 좀 더 특별한 기믹을 넣어 스테이지를 좀 더 구현해나가거나 해야하지 않을까 싶습니다.

사실 이런 기획적인 부분들은 이미 확실하게 정해야하는거였는데 

제가 처음이라 아직 미숙해서 붕뜬 느낌이 드네요..

이럴 땐, 팀원이 있었다면 너무 미안할 것 같아서  한편으론 1인개발이 다행이란 생각이 듭니다 ㅎㅎ

아무튼

8월에는 보여지는 영역에 힘을 실었다면

9월달에는 시스템적인 측면에서 기획을 좀 더 확실하게 해야할 것 같습니다.

피드백이 있으시면

언제든지 환영입니다! ㅎㅎ

봐주셔서 감사합니다! :D

[매미허물(shedinja)]

[ㅇㅇ 1(219.250)]

개추!

[에뚜(ssss4610)]

버튼이랑 폰트 귀엽고 좋다

[wisen(wise1234)]

앗 다행이에요 ㅠㅠ! 귀엽게 보이기 위해서 노력했습니다!

[잠둥이(fcrow)]