[📜일지] 펭귄 게임 개발일지 -10-

[Frustma..(youhk40)]

[1] 게임 소개

[2] 몬스터 알고리즘

[3] 맵 생성 알고리즘

[4] 대화 창 및 맵 템플릿

[5] 기획 변경 및 트리거 시스템

[6] 카메라, 쉐이더등 잡다한 시스템

[7] 광원 시스템

[8] 전투 시스템 1

[9] 스토리 시놉시스 짜기

--------------------------------------------------------------

안녕! 1월동안 작업한 내용 개발일지 쓰러 왔어.

우선 시작하기 앞서 펭귄 캐릭터가 디스가이아 시리즈에 나오는

프리니랑 닮은 것 같다고 하는 사람들이 있었어.

근데 찾아보니까 충분히 그럴만하다는 생각이 들더라.

세부적인 디자인은 다르지만 전체적인 실루엣이나 인상이 거의 일치하더라고.

그래서 디자인을 바꿔야겠다고 생각했어.

가능한 간단하고 펭귄이라는 이미지를 살리는 방향으로 디자인했어.

개발에 들어갔는데도 펭귄 캐릭터에 대한 이미지가 애매해서 아직 초안이야.

높은 확률로 바뀌지 않을까 싶어.

그리고 1월 동안은 기획, 개발, 그래픽을 고루고루 진행했어.

스토리 시놉시스 짜는 건 어느정도 끝나서 전투 기믹 기획을 구체적으로 하고 있어.

이 부분은 아직도 진행중이라 나중에 어느정도 다듬어지면 개발일지에 따로 올릴게.

- 그래픽

가능한 많은 레퍼런스를 참고해서 그리고 있어.

그리는 그림들은 대부분 자료로 쓰일 컨셉아트 먼저 그린 뒤에 도트로 바꾸고 있어.

아무래도 디테일을 표현하기 더 유리한 일러스트 형식으로 스케치를 따줘.

어차피 도트로 옮겨야 하니까 디테일을 크게 신경쓰지는 않고 그리고 있어.

과정을 저장해놓지는 않아서 바로 결과물을 보여줄게.

일러스트에서는 신경쓰지 않았던 이목구비의 비율이나 전체적인 인상을

가장 신경써서 그리고 있어. 그리고 실루엣도 중요하다 생각해서 딱 봤을 때

알아보기 싶게끔 옮기고 있어.

이렇게 그려진 이미지는 인게임에서 대화 스크립트용 썸네일로 쓰여.

이건 프로토타입용 맵 타일 제작 방식이야. 인물화와 똑같이 스케치먼저 일러스트로 그리고

위에 도트를 찍는 방식으로 하고 있어. 맵은 아직 디테일을 살려서 퀄리티를 올리기엔 진행도가

부족해서 명암만 넣은 뒤에 나중에 한꺼번에 디테일을 올릴 거 같아.

- 인게임 시스템

말풍선

인게임 시스템을 짤 때는 이런 식으로 간단하게 스케치를 해서 전체적인 느낌을 먼저 보고 있어.

위 사진은 말풍선의 위치를 어떻게 잡을지 고민하는 내용이고

지인들한테 기능들이 필요한 상황을 구체적으로 설명하고 어떤게 더 좋은지 피드백 받고 있어.

적용한 시스템의 간단한 구동 모습이야.

말풍선 UI는 디자인할 때

1. 화자가 누군지 알아보기 쉽게 표현하기

2. 실제 화면에서 움직이는 캐릭터들의 애니메이션이 가려지지 않도록 배치하기

이 두가지를 가장 중요하게 생각했어.

추가적으로 픽셀 애니메이션으로 표현할 수 없는 표정 변화나 분위기를 연출하기 위해서

큰 픽셀 일러스트를 추가하기로 생각해서 만들어진거야.

탑 다운 뎁스 소팅(depth sorting)

이건 이전 개발일지에서 다뤘던 z-sorting을 다시 재정비한 느낌이야.

그 때는 완벽하게 처리했다 생각했는데 맵에 타일을 배치하기 시작하니까 잘못된 점들이 보이더라고.

내가 쓰는 게임메이커 스튜디오 2 엔진에서는 기본적으로 2D를 베이스로 동작해서

드로잉 순서를 오브젝트마다 일일이 지정해줄 필요가 있어.

이 드로잉 순서가 다시금 문제가 됐어.

높이 차이가 있는 타일 위에 배치된 오브젝트들끼리의 드로잉 순서를 정할 때

내가 임의로 설정해둔 z값을 따로 고려할 필요가 생긴거야.

그 과정에서 드로잉 순서가 꼬이기 시작하더라.

여러 날먹 방법들도 찾아보고 삽질을 하다가

그냥 내가 z-sorting을 잘못 쓰고 있던걸 알았어.

구체적인 내용은 너무 기술적으로 들어가는 것 같아서 패스할게.

결과적으로는 드로잉 방식을 3d 기반으로 바꿨다고 생각하면 돼.

3d 기반이기는 하지만 평범한 3d 게임이 가져가야 되는 기본 사양들을 무시해도 돼서

실제로는 2d 게임이랑 사양 차이는 없다고 봐도 무방할 정도야.

실제 플레이 화면은 이렇게 2d로 나오게 돼.

실제 화면과 카메라 사이에 필터가 있는 느낌으로 서피스를 구성했고

저 서피스에서 여러 쉐이더, 광원(빛, 그림자) 등을 다루고 있어.

이런 느낌으로 생각하면 될 것 같아.

시스템 기반을 짤 때 캡슐화를 제대로 안해놓고 만들어서

결국 카메라 하나를 바꾸는데 모든 쉐이더, 광원 서피스 등등 건드려야 되더라.

이거 때문에 시간 좀 낭비한거 같아.

더 쓰고 싶은데 이제 분량이 한계네.

읽어줘서 고마워! 다음에 다시올게.

[현업1(222.109)]

엔터더건전 같은 탑다운에 쓰이는 기술이라고 하던데 정확한 명칭이 있나? 글 보고 궁금해서 구글링 해봤는데 보통 spriteSortingLayer만 나오고, 3D 빌보드 기반 2D Sort 는 안나오네 저거 기술 찾아보고 싶으면 키워드를 뭐라고 검색해야해?

[Frustman(youhk40)]

GMS기준이라 도움이 될지는 모르겠지만
https://www.yoyogames.com/en/blog/z-tilting-shader-based-2-dot-5d-depth-sorting
난
이거보고 만들었어 Z-Tilting으로 검색해봐! - dc App

[네루야(wls957)]

으앙 귀여워! 개인적으로 펭귄이 다른 게임 이미지랑 비슷하다고 해서 수정할 필요는 딱히 없을 것 같아

[Frustman(youhk40)]

좋게 봐줘서 고마워!! - dc App

[엠제이마크(bleed2001)]

와... 이거 쩐다

[익명(175.118)]

음 그냥 지금 펭귄하면 좋을거같은데.. 바꾸지말고 특유의 댕청함과 귀여움이 느껴짐

[익명(124.57)]

원래 펭귄이 더 좋은데

[익명(1.239)]

이야 신기하당