Unity에서 대화형 3D 제품 컨피규레이터를 만드는 방법
관련주제
- #Configurator
- # Immersive applications
- # 3D applications
2026.01.08
이 문서에서는 Unity에서 대화형 3D 제품 컨피규레이터를 구축하는 개발자 및 기술 아티스트를 위한 지침을 제공합니다.
제품 컨피규레이터 패키지이며, 이 비디오 튜토리얼을 기반으로 합니다.
제품 컨피규레이터 패키지이며, 이 비디오 튜토리얼을 기반으로 합니다.
이 문서에서는 초기 프로젝트 설정부터 유니버설 렌더 파이프라인(URP)에서 최종 웹 배포에 이르기까지 전체 워크플로를 다룹니다. 주요 주제에는 CAD 모델을 Unity 에디터와 같은 도구를 사용하여 임포트하고 최적화하는 방법이 포함됩니다. 자산 변환기 또는 Unity Asset Manager 실시간 커스터마이징을 위한 동적 머티리얼 변형을 만들고 클릭 가능한 컨트롤을 사용하여 반응형 사용자 인터페이스를 구축합니다.
또한, Cinemachine을 사용하여 카메라 전환을 구현하는 방법과 웹용 애플리케이션을 최적화하고 빌드하는 모범 사례를 자세히 설명하여 모든 브라우저에서 원활하고 접근하기 쉬운 사용자 경험을 보장합니다.
자주 묻는 질문
Unity를 사용하여 제품 컨피규레이터를 구축하는 시작점은 무엇인가요?
빠르게 시작하려면 제품 컨피규레이터 패키지와 함께 제공되는 샘플 프로젝트를 사용할 수 있습니다.
Unity Hub에서 새 유니버설 렌더 파이프라인(URP) 프로젝트를 만들어 시작합니다.
샘플 프로젝트를 다운로드하십시오. GitHub 저장소.
샘플 프로젝트를 Unity에서 열어 구조와 구성 요소를 살펴봅니다.
계층 구조를 검토하여 변형 세트, UI 및 카메라가 어떻게 구성되어 있는지 이해합니다.
이 패키지는 오픈 소스이므로, 3D 모델을 추가하기 전에 특정 요구 사항에 맞게 모든 부분을 사용자 지정할 수 있습니다.
(0:44) - 첫 번째 단계는 Unity Hub를 통해 새 URP 프로젝트를 만드는 것입니다.
(0:49) - GitHub 저장소에서 샘플 다운로드
(0:54) - 다운로드가 완료되면 Unity 에디터에서 샘플을 엽니다.
(1:19) - 프로젝트의 계층 구조를 탐색하여 작동 방식을 이해합니다.
Unity용 CAD 모델을 임포트하고 최적화하는 권장 방법은 무엇인가요?
CAD 데이터가 실시간 애플리케이션에 사용될 준비가 되려면 변환하고 최적화해야 합니다.
이 비디오에서는 이를 위한 두 가지 주요 방법을 강조합니다.
이 비디오에서는 이를 위한 두 가지 주요 방법을 강조합니다.
Asset Transformer 플러그인: Unity 에디터 내에서 직접 사용되는 이 플러그인은 다양한 CAD 파일 포맷을 처리하도록 설계되었으며 임포트 과정에서 지오메트리와 머티리얼을 최적화하는 고급 기능을 포함하고 있습니다.
Unity Asset Manager: 이 클라우드 기반 솔루션을 사용하면 소스 모델을 업로드하고 최적화 및 변환 기능을 사용할 수 있습니다. 프로젝트에 다운로드하기 전에 데이터를 Unity에서 사용 가능한 형식으로 변환하는 사용하기 쉬운 인터페이스를 제공합니다.
(1:36) - 이 비디오 섹션에서는 3D 모델을 새 씬에 추가하는 방법에 대해 다룹니다.
(1:46) - 자산 변환기 플러그인 개요
(1:55) - 이 섹션에서는 모델 최적화 및 변환을 위한 대안으로 Unity Asset Manager를 다룹니다.
Unity Asset Manager 문서 페이지 와 이 비디오 튜토리얼을 참조하여 자세히 알아보세요.
제품 컨피규레이터의 머티리얼 전환 시스템을 어떻게 설정하나요?
컨피규레이터의 핵심은 실시간으로 재료를 교체할 수 있는 기능입니다. 이는 재료 변형 세트를 사용하여 관리되며, 코드를 작성하지 않고도 전환 로직을 자동화합니다.
계층 구조 에서 마우스 오른쪽 버튼을 클릭하고 제품 구성기 > 변형 세트 > 재료 변형 세트 로 이동합니다 .
인스펙터에서 새 변형 세트를 선택한 상태에서 다음을 사용합니다. 모든 메시 렌더러 자동 검색 기능을 사용하여 대상 머티리얼을 사용하는 모든 오브젝트를 찾습니다.
전환하려는 각 머티리얼(예: "빨간색 금속", "파란색 금속")에 대한 슬롯을 만듭니다.
프로젝트 창에서 원하는 머티리얼 자산을 Inspector의 해당 변형 슬롯으로 드래그합니다.
미리보기 슬라이더를 사용하여 에디터에서 머티리얼 전환을 즉시 테스트할 수 있습니다.
(2:06) - 동영상은 실시간 머티리얼 전환의 핵심 기능을 소개합니다.
(2:10) - 이 섹션에서는 계층 구조 메뉴에서 머티리얼 변형 세트 를 만드는 방법에 대해 설명합니다.
(2:20) - 시스템은 특정 머티리얼을 사용하는 모든 메시 렌더러를 자동으로 찾을 수 있습니다.
(2:37) - 다양한 필드에 다른 머티리얼 자산을 할당하는 방법
(2:52) - 인스펙터의 미리보기 슬라이더를 사용하여 에디터에서 변형 전환 테스트
반응형 UI를 위해 캔버스를 어떻게 설정해야 합니까?
다양한 화면 크기와 해상도에서 UI가 올바르게 확대/축소되도록 하려면 캔버스 크기 조정 설정을 조정해야 합니다.
캔버스 게임 오브젝트에서 캔버스 스케일러 컴포넌트를 찾습니다.
UI 배율 모드를 화면 크기에 따라 배율 조정 으로 설정하세요
참조 해상도( 예: 1920 x 1080) 를 입력하세요 . 이 해상도는 사용자 인터페이스(UI)가 디자인된 해상도입니다.
일치 값을 0.5로 설정합니다. 이렇게 하면 화면의 너비와 높이 사이의 스케일링을 블렌딩하여 왜곡을 방지하는 균형 잡힌 스케일링 방식이 제공됩니다.
(3:27) - 이 비디오 섹션에서는 캔버스를 화면 크기와 함께 조정하는 방법을 보여줍니다.
(3:30) - 캔버스 스케일러에 대해 1920x1080 해상도 지정
(3:33) - 다양한 종횡비에서 균형 잡힌 UI 스케일링을 위해 일치 값을 0.5로 설정하는 방법
머티리얼 변형을 제어하는 UI 버튼을 어떻게 만들 수 있습니까?
사용자가 다양한 재질을 선택할 수 있도록 하려면, 생성한 재질 변형 세트 에 UI 버튼을 연결해야 합니다.
패널을 추가한 다음 버튼을 장면에 추가하여 UI 버튼을 만드세요 .
버튼 게임 오브젝트에 Variant Select 컴포넌트를 추가하세요 .
버튼의 인스펙터에서 On Click() 이벤트 섹션을 찾고 + 아이콘을 클릭합니다.
방금 추가한 Variant Select 구성요소를 이벤트의 객체 필드로 드래그하세요 .
함수 드롭다운 메뉴에서 VariantSelect > SelectVariant(). 이렇게 하면 버튼 클릭이 변형 전환 행동에 연결됩니다.
각 머티리얼 옵션에 대해 이 과정을 반복하여 각 변형에 대해 별도의 버튼을 만듭니다.
(3:01) - 이 비디오 섹션에서는 사용자가 구성을 제어할 수 있는 인터페이스를 만드는 방법을 보여줍니다.
(3:14) - UI 캔버스에 버튼을 추가하고 적절하게 이름을 지정합니다.
(3:40) - {u:The 변형 선택 컴포넌트가 버튼에 추가되어 로직을 처리합니다.
(3:47) - 이 섹션에서는 버튼에 새 런타임 이벤트를 추가하는 방법을 보여줍니다.
(3:56) - 선택{u1} SelectVariant 드롭다운에서 버튼을 시스템에 연결합니다.
더 자세한 내용을 알아보려면 UI 시스템 문서 페이지를 참조하세요 .
UI를 사용하여 여러 카메라 각도를 설정하고 그 사이를 전환하려면 어떻게 하나요?
Cinemachine은 다양한 관점 간에 전문적이고 부드러운 카메라 전환을 생성하는 데 사용됩니다.
Package Manager를 통해 Cinemachine가 설치되었는지 확인하십시오.
GameObject > Cinemachine > Create Cinemachine Camera 로 이동하여 가상 카메라를 생성합니다 . 주요 시야각에 두세 개의 카메라를 배치합니다.
GameObject > Cinemachine > Create Cinemachine Camera 로 이동하여 가상 카메라를 생성합니다 . 주요 시야각에 두세 개의 카메라를 배치합니다.
사용자가 선택할 수 있는 각 카메라 뷰에 대한 UI 버튼을 추가합니다.
각 버튼의 OnClick() 이벤트에 대해 대상 가상 카메라 GameObject를 객체 필드로 드래그합니다.
함수 드롭다운에서 CinemachineVirtualCamera > Prioritize()를 선택합니다 .
실행 중에 버튼을 클릭하면 해당 카메라의 우선순위가 가장 높은 값으로 설정되어 시네머신 브레인이 해당 뷰로 부드럽게 전환됩니다.
(4:45) - 이 섹션은 Cinemachine을 사용하여 전문적인 카메라 컨트롤을 추가하는 것으로 시작됩니다.
(4:58) - 게임 오브젝트 메뉴에서 Cinemachine 카메라 생성
(5:11) - {u:The 보기와 정렬 초기 카메라 위치를 빠르게 설정하려면 단축키를 사용하는 것이 좋습니다.
(6:09) - UI 버튼을 사용하여 카메라 활성화 제어
(6:23) - 선택{u-> 우선순위 지정 선택한 가상 카메라를 활성화하는 함수
자세한 내용은 Cinemachine 설명서 페이지 를 참조하십시오.
제품 컨피규레이터를 웹에 배포하는 주요 단계는 무엇인가요?
브라우저에서 컨피규레이터에 액세스하려면 Unity의 빌드 프로필을 사용하여 웹 플랫폼용으로 빌드할 수 있습니다.
편집기에서 파일 > 빌드 프로필 로 이동하여 빌드 프로필 창을 엽니다 .
목록에서 대상 플랫폼으로 "웹"을 선택하세요.
빌드의 장면 목록 에 구성 도구 장면만 포함되어 있는지 확인하십시오 .
다음으로 이동하여 플레이어 설정을 최적화합니다. 편집 > 프로젝트 설정 > 플레이어. 웹 탭에서 퍼블리싱 설정 섹션을 찾습니다.
설정하려면 압축 형식 사용자를 위해 더 작은 빌드 크기와 더 빠른 로드 시간을 달성하기 위해 Brotli로 변환합니다.
클릭 수 빌드 및 실행 프로젝트를 컴파일하고 기본 웹 브라우저에서 자동으로 열도록 합니다.
(7:12) - 이 섹션에서는 Unity의 빌드 프로필을 사용하여 웹용으로 빌드하는 방법에 대해 설명합니다.
(7:20) - 선택 방법 웹 대상 플랫폼으로
(7:32) - 웹 배포를 위한 플레이어 설정 최적화 방법
(7:45) - 파일 크기를 줄이기 위해 압축 형식을 Brotli로 설정하는 방법 배우기
(7:58) - 클릭 수 빌드 및 실행 웹 빌드를 생성하는 버튼
자세한 내용은 플랫폼 개발 문서 페이지 와 Unity 웹 빌드의 프로파일링 및 최적화 페이지를 참조하세요 .
