[💬] [스압] INVISIBLE 비주얼 노벨 개발 후기 -1

[또놀이(kimjae1zzang)]

게임 플레이 영상 첨부. (6:50~ 엔딩 클리어시 해금되는 메인화면)

얼마 전 학원에서 2주짜리 2인 팀 프로젝트 때 만든 비주얼22노벨.

기획/프로그래밍 중 내가 담당한 부분은 프로그래밍이지만, 

디자인도 하게 되었고. 얼떨결에 기획도 상당 부분 맡게 됨.

욕심을 많이 부린 감이 있는데, 덕분에 2주 마감 실패. 이틀 오바했음...

무튼 화면이 다소 지저분해 보이는데, 막상 빌드하기 전까지는 몰랐다;
내 모니터의 색감이 상상 이상으로 구렸다는 걸 이제야 깨달음.

처음에는 각 엔딩을 클리어할 때마다 메인화면의 흐릿한 일러스트가 점차 밝아지는 식으로 할까 했는데
코딩하느라 디자인에 치중할 시간이 거의 없어서 위와 같이 메인화면이 조금씩 바뀌는 식으로 수정해봤다. 
파티클이 하드캐리해서 생각보다 괜찮은 듯. ( 화면에 INVISBLE 이라 오타 나서 현재는 수정 )

왼쪽이 구상, 오른쪽이 실제 게임 화면. 좀 더 탁한 하프톤을 넣었음.

비주얼 노벨인데 주인공이 시각 장애인이라는 설정이라 선생님한테 욕 좀 먹었는데, 

나는 이 소재가 맘에 들었고 한번 도전해보고 싶어서 적극 지지했음. 

원래 엔딩에서만 눈을 뜨고 화면이 풀컬러로 보여져서 후반부 까지 그래픽적으로 많이 답답한데.

이를 해소하기 위해 회상 장면(시각 장애 앓기 전), 시점 전환 등의 의견이 나왔음. 하지만 시간상 fail.

또 반향정위 같은 걸 CG를 오버랩하거나 파티클 효과 등으로 연출하려 했는데 역시 시간상 fail.

그래도 납득이 가능한 범위 내에서는 이런식의 실루엣 표현이 최선이였다고 생각함.

텍스트 박스는 약간의 그라데이션에 구겨진 종이 텍스처를 입히고 필터 사용.

아이콘의 경우는 무료 리소스에 색깔만 바꾸고 그림자를 넣어 마무리. 심플이즈 베스트.

선택지는 그라데이션 먹인 박스에 하프톤 마스크를 입혔음. 심플이즈 베스트.

게임의 핵심 컨텐츠인 기억의 조각. 획득할 경우 우측 상단 ui에 빨간 불이 들어오고,열람하면 사라진다.

이야기를 되뇌이거나 후에 퍼즐 게임에 필요하므로 선택지를 신중히 선택 해야 한다.

...는 설정이였지만 분량이 축소되는 바람에 현재는 이도저도 아닌 시스템이 되버렸다.

좌는 인게임 진행도에 따른 콜렉션 ui, 우는 메인화면서 열람 가능한 전체 콜렉션 ui.
시간이 없어서 폰으로 끄적이느라 디자인도 엉성하고 규격도 안맞고... 막상 겜에도 제대로 적용시키지 못했다.

이 쪽이 실제 적용된 ui. 인게임 콜렉션에서 '기억의 조각'이란 문구 쓰는 걸 깜빡했다. (이제야 알았음) 

얼마나 정신없이 만들었는지 유추할 수 있는 부분... 

기억의 조각도 직접 그리려고 했지만 상기의 이유로 개수를 축소시키고 절반은 구글에서 퍼왔다. 일관성은 개나...

카드 틀도 여러가지 고민하면서 만져봤는데 오른쪽이 무난해보였다. 

게임 중반, 후반부에 등장하는 퍼즐 화면.  

현재 획득한 카드들을 가지고 카드 맞추기를 진행하고, 상황에 맞는 추리를 해내면 클리어.
지금은 분기를 결정하는 선택지,기억의 조각이 1개 뿐이고, 답을 맞출 때까지 루프시키도록 강제했는데 
디테일하게 들어간다면  '기억의 조각' 각각은 호감도나 분기, '퍼즐 게임'은 선택지의 개념이 될 거다.

세이브 로드 화면. 색이 반전되는 컨셉에 꽂혀서 디자인을...하려 했는데
작업 막바지라 그냥 선만 이어다가 붙여버렸다.

환경설정 및 백로그 화면. 이하 생략.

작중 히로인에 쓰일 SCG(스탠딩cg)를 마개조 했다. 좌측이 원본.

알몸 CG도 있는거 보니 야겜인듯.

요녀석은 가발을 만들어 씌워줬다. 컬러렌즈는 덤.

머리색 바꾸고 컬러렌즈 착용시켜 드렸다.
...그런데 휠체어를 타셔야 한덴다. 

...그리고 위 히로인들과 같은 학교가 아니라서 사복을 입혀야...

...하는데 도저히 그럴만한 가치가 있는 작업이라 생각되지 않아서 디테일 들어가기 전에 그만두었다.

어차피 팔 수 있는 것도 아니고 할게 산더미인데 리소스에 손을 댄 것 부터가 에러였던 거 같음.

무튼 각 히로인은 이런식으로 실루엣 - 하프톤 - 원본 형태의 SCG를 가지고 있음.
이전 단계 SCG 위에 다음 단계 SCG를 덮어 씌움으로서(+룰 페이드를 이용) 연출적인 효과를 기대했는데 
시간상 3단계로 축소되서 여러모로 아쉬웠다.

배경의 경우에는 꼴랑 2~3단계... 이마저도 3단계 까지는 쓰이지도 못했다.
시간이 있었더라면 '트레이스 온!' 같은 연출을 만들어보고 싶었음.
위 사진은 내청코 2기 OP 스샷으로 만들어 본 테스트 CG.

마지막으론 엔딩 크레딧. 히로인 별로 조금씩 다르게 만들었다.

땡큐포리딩! 나중에 프로그래밍 관련 주저리를 써볼까 함. 여러모로 피드백 받고 싶기도 하고...

외에 현재 만들고 있는 게임이나 앞으로 만들 게임 개발 일지도 틈틈히 올릴 예정.

[Akssus(akssus)]

오 멋지네여 근데 초반 스샷 보고 카마이타치의 밤 스러워서 공포겜인줄;; 멀로 만드신건가요?

[또놀이(kimjae1zzang)]

확실히 공포겜 같은 분위기네요 ㅋㅋㅋ 유니티로 만들었습니다