언어:
페이지 정보
엔진 버전:
언리얼 엔진

언리얼 스튜디오 프로덕트 뷰어 템플릿

언리얼 엔진

Unreal Studio Product Viewer Template

Product Viewer (프로덕트 뷰어) 템플릿으로 데스크톱 및 VR 디바이스용 인터랙티브 제품 시각화 체험을 바로 만들 수 있습니다. 내장된 이동 조작법을 사용하여 씬의 모델과 상호작용하고 조각을 움직이거나 투명하게 만들면서 돌아다닐 수 있습니다.

모든 상호작용 및 조작법은 프로젝트의 블루프린트로 제공되므로, 쉽게 수정하고 배우거나 심지어 자신의 프로젝트로 복사할 수도 있습니다.

여기서는 프로덕트 뷰어 템플릿을 시작하고 자신의 모델에 사용하기 위해 알아야 할 모든 것을 설명합니다.

프로젝트 플레이

프로덕트 뷰어에는 약간의 모델이 내장되어 있어, 만들자 마자 에디터에서 바로 새 프로젝트 작업을 시작할 수 있습니다.

product_viewer.gif

VR 로 프로젝트를 테스트하려면 아래 에디터에서 VR 테스트 부분을 참고하세요.

씬 이동

프로덕트 뷰어에는 데스크톱 및 VR 을 위한 여러 이동 모드를 제공합니다.

데스크톱 궤도 모드 (마우스 이동)

Orbit mode (궤도 모드)는 데스크톱 보기의 기본 이동 모드입니다. 이 모드에서 카메라는 항상 3D 월드 특정 지점을 중심으로 배치됩니다.

하려는 작업

명령

현재 관심 지점을 중심으로 회전

우클릭 드래그

카메라 관심 지점을 새 위치로 변경하고, 현재 줌 레벨은 유지

좌클릭

카메라 관심 지점을 새 위치로 변경하고, 뷰포트 줌 레벨을 새 오브젝트에 맞게 변경

휠클릭

카메라 상하좌우 이동

휠클릭 드래그

현재 관심 지점에서 줌 레벨 변경

휠 스크롤

씬의 오브젝트를 궤도 모드에서 관심 지점으로 선택하려면 인터랙티브 오브젝트 아니면 텔레포트 가능 표면으로 설정해야 합니다. 아래 자신의 콘텐츠 추가 부분을 참고하세요.

데스크톱 비행 모드 (키보드 이동)

Flying mode (비행 모드)는 키보드를 사용하여 씬에서 카메라를 움직일 수 있습니다.

하려는 작업

명령

카메라가 향한 축 앞뒤로 이동

W S

카메라가 향한 축 좌우로 이동

A D

카메라를 월드 Z 축으로 위아래 이동

E Q

카메라가 새 방향을 보도록 회전

우클릭 드래그

비행 모드 도중 오브젝트 선택, 이동, 엑스레이 제어와 같은 상호작용은 비활성화됩니다.

프로덕트 뷰어를 비행 모드로 전환하는 방법은 다음과 같습니다.

  1. 월드 아웃라이너 패널에서 ProductViewer_Collector 액터를 찾아 선택합니다.
    ProductViewer_Collector 선택

  2. 디테일 패널에서 Product Viewer (프로덕트 뷰어) 섹션의 Navigation Mode (이동 모드) 세팅을 FlyingMode (비행 모드)로 변경합니다.
    비행 모드 세팅

  3. 기본적으로 비행 모드에서는 씬의 모든 오브젝트를 통과할 수 있으며, 콜리전 메시를 설정했어도 상관 없습니다. 콜리전 메시가 있는 오브젝트는 통과하지 못하게 하려면 No Collision on Flying Mode (비행 모드에서 충돌 없음) 옵션의 체크를 지우세요.

VR 텔레포트 모드

VR 로 프로덕트 뷰어를 실행하면, VR 씬에서 자신의 위치와 헤드셋으로 씬의 시점을 제어합니다. 씬의 다른 위치로 이동해야 하는 경우 왼쪽 컨트롤러로 텔레포트할 수 있습니다.

  1. 왼쪽 컨트롤러 썸스틱 버튼을 클릭합니다. 바닥에 타깃 마커가 강조 표시됩니다.
    프로덕트 뷰어 텔레포트

  2. VR 씬에서 이동하고자 하는 위치에 타깃 마커가 오도록 왼쪽 컨트롤러를 움직입니다.

  3. 왼쪽 컨트롤러 썸스틱을 앞뒤로 밀면 타깃 마커가 회전하여 텔레포트 후 향할 방향을 표시합니다.

  4. 타깃 마커 위치와 방향이 올바르면 썸스틱 버튼을 놓습니다.

기본적으로 바닥에만 텔레포트할 수 있습니다. 직접 콘텐츠를 추가하면 텔레포트할 수 있는 표면을 정확히 지정할 수 있습니다. 아래 자신의 콘텐츠 추가 부분을 참고하세요.

오브젝트 선택 및 이동

씬에서 인터랙티브로 식별된 무버블 오브젝트는 무엇이든 선택하고 옮길 수 있습니다.

오브젝트를 인터랙티브 정의하는 방법은 아래 자신의 콘텐츠 추가 부분을 참고하세요.

데스크톱

하려는 작업

명령

오브젝트를 씬의 새 위치로 이동

오브젝트 좌클릭 드래그

오브젝트를 원래 위치로 스냅

오브젝트 우클릭

VR

VR 에서 오른쪽 컨트롤러를 사용하여 오브젝트를 선택하고 이동합니다.

하려는 작업

명령

오브젝트 강조

오른쪽 컨트롤러의 레이저 셀렉터로 오브젝트 조준

오브젝트 잡기

오브젝트 강조 상태에서 오른쪽 트리거 버튼 누름

오브젝트 이동

오브젝트를 잡은 다음 오른쪽 컨트롤러를 실제 공간에서 이동

오브젝트를 새 위치에 놓기

오른쪽 트리거 버튼 놓기

오브젝트를 원래 시작 위치로 스냅

오브젝트를 강조한 다음 오른쪽 컨트롤러의 그립 버튼 누름

엑스레이 모드 사용

프로덕트 뷰어의 인터랙티브 오브젝트는 엑스레이 모드를 사용할 수 있습니다. 엑스레이 모드에서 오브젝트는 거의 투명한 상태로 잠시 상호작용이 불가능해 집니다. 그 때 그 뒤의 오브젝트를 보고 상호작용할 수 있습니다.

엑스레이 끔

엑스레이 켬

엑스레이 메뉴에서 선택할 수 있는 옵션은 다음과 같습니다.

메뉴 항목

효과

Apply X-ray

엑스레이 적용 - 강조된 오브젝트가 엑스레이 모드를 사용하도록 전환합니다.

Isolate X-ray

엑스레이 고립 - 강조된 오브젝트는 불투명하게 놔두고 다른 모든 오브젝트를 엑스레이 모드로 전환합니다.

Clear All X-ray

모든 엑스레이 지우기 - 씬의 모든 오브젝트를 원래 머티리얼로 리셋합니다.

데스크톱

엑스레이 메뉴를 열려면 인터랙티브 오브젝트에 커서를 올린 상태에서 스페이스 바를 누릅니다.

VR

VR 에서 엑스레이 메뉴를 열고 옵션을 선택하려면 오른쪽 컨트롤러 썸스틱을 앞뒤로 밉니다. 썸스틱 버튼을 누르면 현재 선택을 확인합니다.

VR 에서 프로덕트 뷰어 메뉴

에디터에서 VR 테스트

컴퓨터에 VR 구성을 해 두고 프로덕트 뷰어의 쿠킹 또는 독립형 버전을 실행하면, 스플래시 화면에서 데스크톱 / VR 조작법을 선택할 수 있습니다.

프로덕트 뷰어 스플래시 화면

하지만 에디터에서 프로덕트 뷰어를 VR 조작법으로 테스트하는 방법은 다음과 같습니다.

  1. 월드 아웃라이너 패널에서 ProductViewer_Collector 액터를 찾아 선택합니다.
    ProductViewer_Collector 선택

  2. 디테일 패널에서 Product Viewer (프로덕트 뷰어) 섹션을 찾아 VR Preview (VR 프리뷰) 옵션을 선택합니다.
    프로덕트 뷰어 VR 프리뷰 세팅

  3. 프리뷰를 실행하려면 툴바의 플레이 버튼 옆 드롭다운 화살표를 클릭하고 VR Preview (VR 프리뷰)를 선택합니다.
    툴바의 VR 프리뷰

게임을 쿠킹할 때는 이 세팅을 다시 꺼야 합니다! 끄지 않으면 결과 패키지가 예상대로 작동하지 않습니다.

자신의 콘텐츠 추가

프로덕트 뷰어에 내장된 콘텐츠가 작동하는 방식을 살펴봤으니, 자신의 모델을 직접 가져와 체험에서 작동하도록 만들어보면 좋습니다.

  1. 프로젝트에 콘텐츠를 임포트합니다. 프로젝트에 콘텐츠를 가져오는 방법은 무엇이든 괜찮습니다. FBX 로 임포트하든, 데이터스미스 를 사용하든, 마켓플레이스나 다른 피처 또는 콘텐츠 팩에서 추가해도 됩니다.

  2. 살펴볼 모델을 기본 ProductViewer/Levels/ProductViewer 레벨에 추가합니다.

  3. 런타임에 이동했으면 하는 모든 스태틱 메시 액터의 디테일 패널에서 모빌리티 옵션을 무버블 로 설정합니다.

  4. 월드 아웃라이너 패널에서 ProductViewer_Collector 액터를 찾아 선택합니다.
    ProductViewer_Collector 선택

  5. 디테일 패널에서 Product Viewer (프로덕트 뷰어) 섹션을 찾습니다.
    프로덕트 뷰어 인터랙티브 루트 및 텔레포트 표면 루트

ProductViewer_Collector 액터에는 위와 같이 두 가지 핵심 세팅이 있습니다.

  • Interactive Root (인터랙티브 루트)는 씬에서 플레이어가 상호작용할 수 있는 오브젝트 목록입니다.

  • Teleport Surface Root (텔레포트 표면 루트)는 VR 모드에서 플레이어가 텔레포트할 수 있는 씬의 오브젝트 목록입니다.

플레이어가 텔레포트하거나 상호작용할 수 있도록 하려는 모델 각각을 이 목록에 추가하면 됩니다.

데이터스미스를 사용하여 콘텐츠를 임포트한 경우, 레벨의 Datasmith Scene Actor 는 이미 임포트한 모든 스태틱 메시 액터의 부모로 설정됩니다. Interactive Root 리스트에 새 항목을 추가하고 Datasmith Scene Actor 레퍼런스로 설정하면, 그 자손 전부 자동으로 인터랙티브가 됩니다.

또는 상호작용이나 텔레포트 가능하게 만들려는 스태틱 메시 액터의 부모를 이미 목록에 있는 다른 액터로 설정해도 됩니다. 예를 들어 기본적으로 ProductViewer_Collector 에는 Interactive Root 목록에 항목이 하나뿐인데, Interactive_Root 라는 액터입니다. 월드 아웃라이너 에서 그 액터를 찾아보면 기어, 공, 손전등을 나타내는 여러 액터의 부모인 것이 보입니다.

Interactive_Root Actor

Interactive Root 목록에 있는 액터의 모든 자손 역시 자동으로 인터랙티브가 됩니다. 즉 자신의 모델 부모를 기존 Interactive_Root 액터로 변경하기만 하면 됩니다. 월드 아웃라이너 에서 드래그 앤 드롭으로 변경할 수 있습니다.

다른 프로젝트에 프로덕트 뷰어 추가

다른 프로젝트에 콘텐츠가 있는 경우, 프로덕트 뷰어의 이동 및 상호작용 조작법을 다른 프로젝트에 추가할 수 있습니다.

  1. 프로덕트 뷰어 조작법으로 향상시키려는 프로젝트와 레벨을 엽니다.

  2. 콘텐츠 브라우저에서 신규 추가 > 피처 또는 콘텐츠 팩 추가 를 선택합니다.
    studio-template-product-viewer-add-feature.png

  3. 프로젝트에 콘텐츠 추가 창에서 언리얼 스튜디오 피처 탭을 엽니다. 프로덕트 뷰어 썸네일을 클릭한 다음 + 프로젝트에 추가 를 클릭합니다.
    studio-template-product-viewer-add-content-window.png

  4. X 를 클릭하여 프로젝트에 콘텐츠 추가 창을 닫습니다.

  5. 콘텐츠 브라우저에서 ProductViewer/Blueprints/ProductViewer_Collector 블루프린트 액터를 찾아 레벨 뷰포트에 끌어 놓습니다.

  6. 마지막으로 레벨의 ProductViewer_Collector 액터를 위의 자신의 콘텐츠 추가 부분의 설명대로 구성합니다.