Cubidom - 게임 출시

이제 itch.io에 게임을 출시하는 일만 남았다. 

먼저 게임의 썸네일이 될 이미지를 넣어준다. 해당 이미지는 게임 플레이 화면에서 약간의 설정을 건드리고, 캡쳐한뒤 Canva로 텍스트를 넣어 630x500 해상도로 만든 이미지이다. 

Title에는 사용할 게임 제목을 넣어주고, Short description or tagline에는 간단한 게임 문구나, 설명을 넣어준다. 

Classification는 Game으로 분류해준다. 

Kind of Project는 WebGl이기 때문에 HTML을 넣어주고 Release status에는 게임이 완성되었기 때문에 Released를 선택해준다.

Pricing은 후원을 받거나, 유료게임이거나, 무료게임으로 선택할 수있다. 

후원가능으로 할시 suggested donation에서 기본 후원 금액을 적을 수 있다. 

Uploads에는 만들었던 Zip 파일을 올리면 된다. 이때, WebGL은 'This file will be played in the browser'를 체크해야 웹에서 플레이 가능하다.

Embed in page로 게임화면이 바로 보이게 설정해주고, 해상도를 정해준다. 

Mobile friendly는 모바일 환경에서 사용하고, Automatically start on page load는 즉시 게임이 시작되는데, 해제를 하면 Run Game 버튼을 눌러야 게임이 진행된다. 

Fullscreen button은 화면 아랫쪽에 전체화면 버튼을 넣을수 있다. 이 체크박스만 선택한다.

디테일에 게임의 설명과 특징, 그리고 만든 이를 넣어준다. 

Genre에는 가장 비슷한 Strategy(전략)을 넣어주고, Tags에는 비슷한 태그들을 넣어준다.

AI의 사용 여부에는 No를 체크하고, Custom noun 칸에는 비워두어 itch.io가 이 작품을 game이라고 부르도록 한다. 

Community 는 댓글을 허락하는 Commnets 를 넣어주고, Visibility & access는 기본으로 Draft로 나만 볼수 있게 한 뒤 준비가 되었을 때, Public으로 수정해서 출시한다.

 

WebGL 기반 수정

WebGL에서는 최적화를 위해 라이팅 계산 방식이나 셰이더에 차이가 날수 있다. 이 때문에, 파티클이 보이지 않거나, 셰이더중 UPR-Lit을 사용하는 머티리얼의 색이 이상하게 보일 수 있다. 또한 UI를 포함하여 전체적으로 해상도가 떨어지는 점도 존재한다.

생성 파티클이 이상하게 보이고, 해상도가 떨어진다.

색 조정하기 

먼저 Linear의 색 렌더 방식은 연산량이 많아서 WebGL과 어울리지 않는다.

Project Setting - Player에서 색 공간을 Linear를 Gamma로 바꿔준다. 

Gamma는 계산이 단순하고, WebGL에서 더 안정적이다. 

하지만 Gamma를 하면 전체적인 색이 밝아지기 때문에 이를 수정하기 위해서 Lit 셰이더를 사용하는 머티리얼의 색의 밝기를 조금씩 낮춰준다.

UnLit의 경우, 빛을 사용하지 않기때문에, 변화가 거의 없지만 빛을 사용하는 Lit은 빛 계산 방식이 바뀌었을 때, 변화가 크다.

 

해상도 조정하기

프로젝트 설정의 해상도 및 프레젠 테이션에서 기본 캔버스 너비와 높이를 itch.io에 사용될 화면 크기와 동일하게 작성해준다. 

또한 WebGL 템플릿에서 Minimal을 선택하여 더 깔끔한 화면이 되게한다.

이렇게 하면 UI는 전체적으로 깔끔해 졌지만 아직 오브젝트가 흐릿하게 보이는 경향이 있다. 

사용하는 안티앨리어싱을 사용안함에서 4x정도로 바꿔준다. 

완성본

달리진거 같기고 아닌거 같기도하고... 아무튼 완성

 

테마 편집

itch.io의 테마를 편집해준다. 

마지막으로 공개 범위를 public으로 해주면 게임이 출시된다.