AR 뷰어이란?
3D 모델(GLB/GLTF)을 로드하고 기기 카메라와 WebXR로 방에 배치하세요. 크기 조절, 회전, 이동하여 가구나 다른 물건이 실제 공간에서 어떻게 보이는지 확인할 수 있습니다.
뷰어는 약 20MB까지의 GLB와 GLTF 파일을 불러오며 WebXR을 통해 전적으로 사용자의 기기에서 동작합니다. Android에서는 완전한 표면 추적(ARCore)을 사용할 수 있고, iOS에서는 AR Quick Look이 그 역할을 대신합니다. 호환 기기가 없어도 페이지는 궤도 컨트롤, 토폴로지를 확인할 수 있는 와이어프레임 모드, 정점과 폴리곤 수를 보여주는 통계 패널, 모델에 포함된 모든 애니메이션 클립을 위한 내장 재생 기능까지 갖춘 3D 뷰어로 사용할 수 있습니다.
사용 방법
- GLB 또는 GLTF 3D 모델 파일을 업로드하거나 내장된 샘플 오브젝트 중 하나를 선택하세요.
- 'AR 시작'을 탭하여 카메라를 활성화하고 주변 환경을 스캔한 후 — 표면을 탭하면 모델이 배치됩니다.
- 두 손가락 핀치로 크기를 조절하고, 비틀어 회전시키고, 드래그하여 위치를 조정하세요. 스크린샷을 찍어 AR 뷰를 저장할 수 있습니다.
사용 시기
- 소파, 책상, 책장을 사기 전에 방에 들어가는지 미리 확인할 때.
- 회의나 현장 방문에서 제품 렌더링을 실제 크기로 보여 줄 때.
- 3D 출력 전에 캐릭터나 조각상을 실물 크기로 눈앞에 두고 검토할 때.
결과
온라인으로 책상을 구매하려고 제조사의 3D 모델을 다운로드했습니다. AR 뷰어에 로드하고 사무실 구석에 카메라를 향한 뒤 가상 책상을 배치하여 공간에 맞는지, 인테리어와 어울리는지 확인해 보세요.
자주 묻는 질문
- 제 휴대폰에서 「AR 시작」 버튼에 「지원 안 함」이 나오는 이유가 뭔가요?
- WebXR는 안드로이드의 ARCore 또는 iOS의 AR Quick Look이 필요하고, 최신 Chrome이나 Safari도 있어야 합니다. 구형 기기, 데스크톱 브라우저, 그리고 앱 안에서 열리는 브라우저(Instagram, Facebook)는 카메라 API를 막아서 일반 3D 미리 보기로 떨어집니다.
- 바닥을 탭하면 모델은 어떤 비율로 놓이나요?
- GLB 파일 본래 단위를 씁니다. 관례상 미터입니다. 1.0 단위 의자는 방 안에 높이 1미터 의자로 나타납니다. 아주 작거나 거대해 보이면 센티미터나 인치로 내보낸 모델이니, Blender에서 먼저 크기를 다시 맞추세요.
- AR 화면을 사진으로 저장할 수 있나요?
- 네. 스크린샷 버튼이 현재 프레임(모델과 카메라 영상)을 다운로드 폴더에 저장합니다. iOS에서는 시스템 공유 시트가 열리고, 거기서 「사진에 저장」을 선택할 수 있습니다.
- 업로드한 파일이 서버로 전송되나요?
- 전송되지 않습니다. GLB 파일은 three.js로 로컬에서 처리하고, 카메라 영상은 기기를 벗어나지 않습니다. 탭을 닫으면 모델은 사라집니다. 계정도 업로드 대기열도 없고, 세션이 끝나면 아무것도 남지 않습니다.
- GLB와 GLTF는 무엇이 다른가요?
- GLTF는 텍스처와 바이너리 버퍼를 따로 참조하는 JSON 파일이고, GLB는 같은 데이터를 하나의 바이너리에 묶은 것입니다. 둘 다 여기서 열리지만, 참조 텍스처를 잃을 일이 없는 GLB가 보통 더 안정적입니다.