[내일배움캠프 본 캠프 57일차] UI작업_RawImage

상세보기 기능구현을 위해 여러가지 Unity의 기능들을 배우고 있는 중에 RawImage에 대한 부분을 알게 되었다.

 

단적으로 얘기하면 월드상의 모델링을 바로 투사한다기 보다

별도의 공간에서 따로 촬영되고 있는 '이미지'를 찍고 그걸 UI형태로 투사하는 방식이다.

 

 

RenderImage가 투사될 부분을 상세보기용 Canvas를 하나 UIScene에 생성해두고 지정해두면 우리가 컴퓨터나 핸드폰으로

PIP형태나 영상을 보는 것처럼 해당 크기만큼 Inspection Camera가 촬영하고 있는 부분을 화면상으로 볼 수 있게 된다.

 

 

후에 카메라 백그라운드처리를 투명하게 만들게되면 배경이 자연스럽게 보이게된다.

기획상으로는 상호작용->배경 블러처리 순이라서 추후에 작업하면서 해당 기능을 보완하게 될 거 같다.

 

문제는 지금 RawImage 출력뒤로 월드상에서도 지금 모델링이 투사되고 있는 것을 볼 수 있는데 해당 부분은 Culling Mask처리를 통해서 안보이게 할수는 있어도 월드에서는 나와있기 때문에

 

이 기능을 잘 활용하려면 Inspection Camera를 MainCamera의 컬링범위를 벗어난 먼 곳에 위치시키고 콜라이더가 있게 될 경우

충돌날 여지 없이 하기위해 다른 공간에 배치시켜야 한다.

 

지금은 기능을 1차원적으로 생각해서 플레이어 오브젝트 하위에 카메라를 배치시켰던 탓에 이런 문제가 생겼다.

 

 

지금 확장성을 고려해서 추가해야 되는 기능이 RawImage를 통해 보여지는 모델링 안에 숨겨진 요소를 Ray를 쏴서

클릭을 통해 검사하는 상호작용을 추가해야 하기 때문에 기존의 구조랑 많이 달라지게 될 거 같다.

 

일반적인 공포게임이나 FPS게임들의 총기 디자인을 다양한 각도에서 볼 수 있게 하는 기능이라고

생각되어 좋은 기회가 됐다고 생각한다.