Problem

• 건물 각 층의 3D glb 파일을 받아 지도 위에 표출합니다.
• 사용자는 1인칭 시점으로 건물 내부를 탐방할 수 있어야 합니다.
• 이동을 통해 사용자가 건물 외부로 나갈 수 없도록 제한합니다.

Problem Solving

• GLTFLoader를 사용해 용량이 큰 3D 모델을 동적으로 로드
• 방향키와 조명 설정을 통해 건물 내부 환경 구현
• 3D 모델의 가로, 세로 크기를 측정하고, 사용자가 외부로 나가지 않도록 벽과의 충돌을 감지

Output

• 사용자가 건축될 건물의 외부뿐만 아니라 내부도 미리 볼 수 있도록 구현

  

  탐방할 층 선택

  

  내부 전경

  

  사용자 인터랙션 구현