조사 소품 그림을 휴대폰에서 돌려 보고 찍을 수 있게 했습니다. 조사 소품은 사건 현장에서 플레이어가 집어 들고 살펴보는 물건입니다. 게임에서는 이 물건을 뒤집고 확대해 본 뒤 사진으로 남깁니다. 오늘은 이 물건 그림만 휴대폰에서 바로 열어 보는 페이지를 따로 만들었습니다.
조사 소품 그림을 휴대폰에서 돌려 보고 찍을 수 있게 했습니다
현장을 살피고 사진을 찍고 인물에게 직접 질문하며 사건을 푸는 모바일 추리 게임입니다.이 프로젝트 소개 →뭘 했다
물건 그림은 여러 각도에서 본 장면이 한 장씩 준비되어 있습니다. 손가락으로 끌면 다음 각도의 그림으로 바뀌고, 두 손가락으로 벌리면 확대됩니다. 위아래로 계속 끌면 앞면을 지나 뒷면까지 넘어갑니다. 뒷면은 실제로 거꾸로 보이고, 그 상태로 찍은 사진에도 뒤집힌 방향이 남습니다. 실제 배포 주소에서도 열어서 돌리고, 키우고, 찍어 봤습니다.
왜
이 게임은 휴대폰으로 하는 게임입니다. 그런데 지금까지는 물건 그림을 휴대폰에서 손으로 돌려 보며 각도마다 비교할 방법이 없었습니다.
삽질 포인트
각도를 바꿀 때마다 화면이 하얗게 비면서 번쩍였습니다. 알고 보니 다음 각도의 그림이 준비되기 전에 지금 그림을 먼저 지우고 있었습니다. 다음 그림이 다 준비될 때까지 지금 그림을 화면에 그대로 두게 했습니다. 바로 옆 각도의 그림은 넘기기 전에 미리 받아 두게 해서 풀었습니다.
다음 할 것
휴대폰에서 직접 돌려 보면서 방향이 바뀌는 느낌이 자연스러운지 더 살펴보겠습니다.
그 밖의 소식
조사 소품의 3D 모델을 손으로 그린 원래 그림처럼 보이게 다듬었습니다. 색만 칠해서는 원래 그림의 선과 질감이 사라져서, 원래 그림을 모델 겉면에 입히고 테두리와 안쪽 선을 그려 넣었습니다. 커밋 11개
원료 · git log
a9e3dc4feat: 상하 관찰 순환과 뒤집힌 방향 촬영 추가
b440218fix: 관찰 이미지 전환 중 화면 깜빡임 제거
977d6dedocs: 관찰 페이지 접속 경로와 배포 검증 기록
f61e25ffeat: 모바일 일러스트 관찰 페이지 제공
d0c66a8asset: 일러스트 관찰 시안과 구조 검토 기록 보관
2e61a81asset: 소품의 재질 방향과 접촉 깊이 보완
d65e3d6asset: 소품 렌더 실행 기록 보관
1106a34asset: 소품 후면의 형상과 일러스트 표현 보정
bafc388asset: 소품 후면의 원화와 렌더 비교판 보관
5dff61casset: 소품의 원화 매핑과 일러스트 선 렌더 적용