모든 포트폴리오LUDGI / PROJECT ARCHIVE
제작 기록
Mercedes-AMG G63 · 인터랙티브 3D 쇼룸
차량의 색상과 조명을 바꾸고 실내 탐색부터 주행까지 이어지는 브라우저 기반 3D 체험을 제작했습니다.
PROJECT SCOPE
- 차량 렌더링
- 장면 탐색
- 주행 조작
- 화면 대응
선택한 화면
SELECTED VIEWS
제작 노트
PROCESS & SCOPE
차를 둘러보고, 직접 움직이다.
차량의 외형과 내부를 여러 각도에서 확인하고 직접 조작하는 제품 탐색 경험을 구성했습니다.
외관·실내·상세·주행을 각각의 장면으로 나누고 카메라 이동으로 연결했습니다. 차량 렌더링과 조작 패널의 상태를 연동해 선택한 색상과 조명을 화면에 반영했습니다.
- 차량 렌더링
- React Three Fiber로 차량 모델을 표시하고 외장·내장 재질과 조명 환경을 전환했습니다.
- 장면 탐색
- 차량 회전, 실내 둘러보기, 도어와 후드 열기를 장면별 카메라 제어로 구성했습니다.
- 주행 조작
- 물리 엔진을 적용한 주행 장면에 키보드 입력과 모바일 터치 조이스틱을 연결했습니다.
- 화면 대응
- 가로·세로 화면에 맞춰 조작 패널을 배치하고 장면 전환 중 로딩 상태를 표시했습니다.
LET’S CONNECT
이 작업에서 시작할 다음 이야기.
교육·콘텐츠 협업과 사업 제휴에 관한 이야기를 기다립니다.