Unity 검색

인게임 사진 기능을 탑재한 최신 Photo Mode 데모

Photo Mode Demo Package title and preview image
Photo Mode Demo Package title and preview image
다루는 주제
공유

유니티의 최신 샘플 프로젝트에서 인게임 스크린샷을 커스터마이즈하는 가상 사진 시스템을 제공합니다. 포스팅을 끝까지 읽고 Photo Mode와 그 사용법에 대해 자세히 알아보세요.

가상 사진은 다양한 유형의 게임에 점점 더 많이 추가되고 있는 인기 옵션으로, 플레이어가 맘에 드는 게임플레이 순간을 독창적으로 표현하고, 저장하고, 공유할 수 있도록 지원합니다. 플레이어가 이런 가상 사진 콘텐츠를 공유하는 것이 크리에이터에게도 도움이 되는 경우가 많습니다. 게임이 더 많은 잠재 고객에게 도달할 수 있도록 플레이어의 참여와 커뮤니티 활동을 촉진하기 때문입니다.

유니티는 크리에이터가 게임에 사진 옵션을 추가하는 방법을 배울 수 있도록 Photo Mode 데모 패키지를 제공합니다. 이제 URP(유니버설 렌더 파이프라인)를 사용하는 PC 및 콘솔 Unity 프로젝트에서 데모를 사용할 수 있습니다. 해당 데모에는 카메라 컬렉션, 이미지 조정, UI 동작이 포함되며, 플레이어는 이를 통해 커스터마이징 가능한 사진 모드로 전환한 뒤 완벽한 스크린샷을 캡처할 수 있도록 게임 환경을 조성할 수 있습니다.

이 콘텐츠는 Targeting Cookies 카테고리를 수락해야만 동영상을 시청할 수 있도록 허용하는 타사 제공업체에서 호스팅합니다. 이러한 제공업체의 비디오를 보려면 쿠키 환경 설정에서 Targeting Cookies 카테고리를 수락하시기 바랍니다.

다양한 Unity 프로젝트에서 실행한 Photo Mode의 동영상 프리뷰

Photo Mode를 시작하려면 Photo Mode 패키지를 다운로드하고 게임에 PhotoMode 프리팹을 추가한 후, 다음 단계에 따라 씬과 Forward Renderer 내에 적절한 레퍼런스를 생성합니다. 생성이 완료되면 카메라 위치 설정, 뎁스오브필드(피사계심도), 비네트, 스티커 오버레이, 필터 등과 같은 인게임 사진 옵션을 사용할 수 있습니다. Photo Mode를 모듈식으로 구현하면 유연하게 Photo Mode의 이미지와 동작을 변경하거나 고유의 커스텀 효과 옵션도 만들 수 있습니다. Photo Mode 개요 동영상에서 설정 프로세스에 대해 자세히 알아보세요.

Photo Mode는 사용자가 선택한 플랫폼의 네이티브 스크린샷 기능과 원활하게 통합되도록 설계되었습니다. 생성한 사진을 저장하려면, 포함된 Hide UI 옵션을 사용하여 뷰에서 UI 오브젝트를 제거하고, 기기의 Share 또는 Screenshot 버튼을 누르세요.

이 데모가 작동하려면 몇 가지 기능과 시스템을 함께 구동해야 합니다. 다음은 그러한 작동 방식에 대한 간략한 설명입니다.

  • UI 메뉴 시스템: 대부분의 Photo Mode 기능은 런타임 시 값이 조정되기 때문에 Unity Event를 통해 적절한 메서드를 호출하는 슬라이더 또는 입력으로 구성되어 있습니다. 이러한 메서드는 상응하는 시네머신과 볼륨, UI 설정 값을 업데이트하며, 해당 값은 PhotoMode.cs 스크립트에서 찾을 수 있습니다. 슬라이더의 최솟값 및 최댓값 범위는 동일한 스크립트의 컴포넌트에서 커스터마이즈할 수 있습니다. 이번 데모를 위해 텍스트 기반 슬라이더, Photo Mode의 스티커 배치 기능을 시각화하는 시스템 등의 커스텀 UI가 새로 제작되었습니다.  
  • 입력 시스템: 이 데모 패키지는 입력 시스템을 사용하여 Photo Mode 컨트롤을 빠르게 수정하고, 기존 프로젝트 입력의 오버라이드를 방지하며, 제어 방식을 키보드와 게임패드 간에 간편하게 전환할 수 있도록 합니다. Photo Mode에 Player Input 컴포넌트를 추가하면 프로젝트의 기존 입력 시스템 설정과 충돌할 가능성이 있으므로, Input System API를 통하는 개별 입력 작업에 대한 레퍼런스가 만들어졌습니다. 이러한 레퍼런스가 PhotoModeInputs.cs 스크립트에 포함되어 있으므로, 사용자는 Player Input 컴포넌트 없이 Photo Mode 작업을 수행할 수 있습니다. 또한 Photo Mode가 활성화될 때마다 프로젝트의 기존 이벤트 시스템을 오버라이드하는 자체 이벤트 시스템도 포함되었습니다.  
  • 시네머신: 데모의 모듈식 특성을 유지하기 위해 Photo Mode가 자체 가상 카메라를 사용하여 프로젝트의 기존 카메라에 영향을 미치지 않고 타겟 주위를 돌거나 이동하도록 설정했습니다. 씬에 시네머신 브레인(Cinemachine Brain)만 있으면 이러한 방식이 가능하며, 시네머신 브레인은 PhotoMode.cs 스크립트를 통해 자동으로 검색되어 가상 카메라와 연결됩니다.  
  • 볼륨: Photo Mode에 포함된 전역 볼륨(Volume)이 초점 거리, 조리개, 노출, 콘트라스트, 채도 설정을 관리합니다. 볼륨의 값은 타겟 프로젝트의 기존 포스트 프로세싱 설정과 일치하도록 조정할 수 있습니다.  
  • 셰이더 그래프: Photo Mode의 필터 컬렉션용 셰이더는 셰이더 그래프를 사용하여 제작되었으며, URP의 Render Pass 기능을 사용하여 구현되었습니다. 사용자는 이 기능을 통해 새로운 렌더 패스를 구현하고 커스터마이즈하여 렌더 파이프라인을 확장할 수 있습니다. Photo Mode의 경우, 셰이더 그래프로 만든 각 셰이더를 전체 화면 필터 효과용 렌더 텍스처에 적용할 때 Blit이 사용됩니다.  
  • 커스텀 스티커 시스템: Photo Mode의 스티커 시스템은 EventSystem의 Navigation 값으로 이동 축을 만들고, 이를 통해 스티커 커서의 위치를 변경합니다. 이 커서는 스티커를 스탬핑한 후에 적용될 위치와 회전, 스케일, 이미지를 미리 표시합니다. 스탬프 작업이 트리거되면 PhotoModeStickerController.cs 스크립트는 기존의 스티커 플레이스홀더 오브젝트 풀에서 플레이스홀더를 선택하여 트랜스폼 및 이미지 설정을 적용하고, 가시도를 활성화합니다.
Screenshots of Photo Mode being used in different Unity projects

Photo Mode 데모 패키지를 통해 여러분이 무엇을 배우고 어떤 작품이 만들어 내실지 기대됩니다. 피드백을 공유하거나 데모를 통해 개발한 근사한 창작물을 자랑하고 싶다면 Photo Mode 포럼 스레드에 포스팅을 작성하거나 DiscordTwitter, Facebook에 #MadeWithUnity 태그와 함께 업로드하세요.

다루는 주제
관련 게시물