[💬] 그래비티 캐슬 개발일지 11 : 다시 한 번 아트 리뉴얼

[멩멩한돌멩이(mengdol00)]

ㅎㅇㅎㅇ 오랜만에 그래비티 캐슬 개발일지로 돌아왔어

한동안 13 Seconds 개발한다고 이쪽 게임에 대해서는 글을 못 썼네

13 Seconds 는 조만간 출시후기랑 수익인증 글 올리겠음.

그래비티 캐슬이 머선 게임인지 첨보는 인붕이들을 위한 트레일러

https://youtu.be/GeEMbgEb3HI

현재 스팀에서 얼리액세스 출시까지 한 플랫포머 퍼즐 게임임

보다시피 중력방향을 돌리는 게 핵심 기믹이야

요새는 정식출시를 전 대규모 업데이트를 준비하고 있음

컨텐츠와 아트 스타일 두 부분 모두에서 게임이 완전히 바뀌는 수준이 될 거야

컨텐츠 업데이트는 간단한데,

얼액 출시이후에 재미없다는 평가 받은 퍼즐들은 쳐 내고 편의성 시스템 개선하는거임.

원래 계획상으로는 정발할 때 전체 퍼즐 개수를 100개 내외로 생각했었는데, 60개로 확 줄였음.

대신 이런저런 수집요소와 사이드컨텐츠를 좀 늘려서 스피디하게 엔딩을 볼 수 있게 했음.

오늘 개발일지에서는 게임 아트 스타일이 어떻게 바뀌었는지 비포 애프터로 좀 보여주려고 해

1. 배경 에셋 수정

위가 Before, 아래가 After 임.

전반적으로 색감을 차분하게 조절하고,

배경의 디테일 밀도를 낮춰서 플레이어와 오브젝트가 더 잘 보이도록 개선했어

아래도 마찬가지

확실히 눈이 덜 피로한 걸 알 수 있음.

2. 더 많은 장식 요소 추가

이전에는 작업시간 줄이려고 배경 타일셋을 똑같은 것들만 돌려써서,

여러 퍼즐들이 다 그놈이 그놈같고 외형적인 특색이 없다는 문제가 있었음

과감하게 타일셋을 전부 폐기하고, 그냥 배경 하나하나를 손으로 그려서 추가하기로 했어

처음에는 3d 모델링으로 어떻게 해보려고 한 2주간 온갖 워크플로우를 다 시도하면서 별짓 다했는데

결론적으로 걍 손으로 그리는게 제일 빠름.

아래처럼 다양한 형태의 장식 요소들이 추가돼서 각각의 지역을 외형으로 구분할 수 있게 됐음

그리고 배경 뿐만 아니라 middleground 의 장식 오브젝트들에도 블러효과를 넣었어.

3. 배경 레이어의 원근 효과

배경을 여러 레이어로 나누고 각각이 플레이어를 따라 다른 속도로 움직이게 해서 원근감을 표현했어

간단한 코드만으로도 게임 분위기를 크게 디벨롭시킬 수 있어

플랫포머 게임 만드는 인붕이들은 한번쯤 적용해봐도 좋을 듯!

사실 이런 식으로 아트를 여러번 갈아엎는게 별로 좋은 선택은 아님

특히나 첫 게임을 개발하는 과정에서는 당연히 개발 도중에 실력이 느는 상황이 생기는데,

그때마다 다시 돌아가서 처음부터 리뉴얼하다가는 개발이 늘어지고, 결국 흐지부지될 수도 있음.

나도 머리로는 아는데, 마지막으로 한번만 더 갈아엎어 보기로 함.

진짜 딱 한번만 더 디벨롭하면 정말 괜찮은 비쥬얼이 나올 것 같아서 그랬음.

이번 리뉴얼에 대한 내 생각은

'돈주고 살 마음이 드는 첫인상' 의 경계를 딱 한발자국 넘었다고 생각함.

이전까지는 그 선 안쪽에 있었다고 봄. 실제로 페이지 유입, 노출은 많았지만 판매로 이어지지는 않기도 했고.

물론 내 자만일수도 있음. 인붕이들 생각은 어떰?

+ 픽셀 블러 이미지 만드는 법

오랜만에 글 쓰는데 개발일지만 올리기는 뭐해서 간단한 팁 하나 공유하려 함

2D 게임을 개발하다 보면 블러 효과를 넣고 싶을 때가 있는데, 의외로 구현하기 까다로운 효과 중 하나임

씬 전체가 아니라 특정 오브젝트 하나에만 효과를 넣고 싶을 때는 더 어려워지지.

보통은 쉐이더를 이용해서 어찌저찌 하던데, 난 그런 어려운건 모르다 보니 아래에 소개할 야매 방법을 주로 이용하는 편이야

에이스프라이트 기준으로 설명하지만 포토샵 등으로도 똑같이 재현 가능해

우선 그냥 이미지 파일을 준비했음.

일단 생각해볼 수 있는 방법은 에이스프라이트에 지원하는 convolution matrix 기능임

Edit - FX - convolution matrix 기능을 이용하면 심플한 블러 효과를 넣을 수 있음.

"딸깍"

의도한 대로 블러가 적용되긴 했는데 뭔가 뭔가임.

형태가 너무 균일하게 퍼져서 어색한 느낌이 있음.

게다가 한번 블러 효과를 적용하고 나면 그 강도를 바꿀 수도 없지.

우리가 원하는건 픽셀아트 특유의 감성을 살리면서도 은은하게 색이 번지는 느낌을 내는거임

이걸 위해서는 오브젝트 안쪽에서는 색이 번지면서도, 오브젝트와 배경 사이의 경계는 명확히 구분돼야 해

아주 간단한 방법이 하나 있어.

1. 일반 이미지와 블러 이미지를 다른 레이어로 분리하여 겹쳐놓는다

2. 블러 이미지가 더 위에 오도록 한다

3. 블러 이미지 투명도를 적당히 낮춘다

"딸깍"

보다시피 은은한 블러 효과가 적용된 것을 볼 수 있음

블러 이미지의 투명도를 높이면 블러효과가 약해지고, 투명도를 낮추면 강해짐.

스크립트를 이용해 제어할 수도 있겠지?

아래는 13 Seconds 라고 내가 만든 다른 게임의 예시임.

게임이 시작되기 직전 플랫폼이 생성될 때 배경이 순간 흐릿해지는걸 볼 수 있는데, 위의 방법으로 만든 거야.

별거 아닌 팁이지만 누군가한테는 도움이 될 거라고 생각함

아래는 그래비티 캐슬 스팀 페이지임

위시리스트 추가해주면 고맙겠음

https://store.steampowered.com/app/2231170/_/

Save 20% on Gravity Castle on Steam

다들 긴 글 읽어줘서 고마워~

[에뚜(ssss4610)]

왔다 내 마약

[순수프로젝트(penpaper0204)]

[매미허물(shedinja)]

[익명(220.79)]

트레일러영상은 뭘로 만들었또?

[멩멩한돌멩이(mengdol00)]

그냥 윈도우 기본 편집기 쓰다가 윈도우 업뎃된 이후로는 climchamp 씀. 쓰기 쉽고 있을거 다 있고 좋은데 화질이 100% 보전되질 않는 치명적 문제가 있음. 돈 있으면 어도비 프리미어프로 쓰는게 좋음...

[아이스말차라떼(icedmatchalatte)]

와 블러처리 저런 간단한 방법이

[잠둥이(fcrow)]

[드래빗스튜디오(drabitstudio)]

위시리스트 눌렀습니다! 아트 정말 예쁘네요 :)

[익명(1.251)]

계속 발전하네 진짜 참개발자다

[ㅇㅇ 1(222.113)]

텀블벅으로 커스텀스킨 넣어줘