360도 이미지 뷰어이란?
360도 등장방형 파노라마 이미지를 위한 인터랙티브 뷰어입니다. 파노라마 사진을 업로드하고 클릭 앤 드래그로 패닝하거나 스크롤로 확대 및 축소하며 완전한 구형 환경을 탐험할 수 있습니다.
뷰어는 Three.js로 만들어졌습니다. equirectangular JPEG·PNG를 구의 안쪽에 매핑하고 카메라를 구 중심에 둡니다. 드래그로 둘러보고, 스크롤이나 핀치로 시야각을 바꾸고, 자동 회전(느림 / 보통 / 빠름 속도)으로 손을 떼고도 한 바퀴를 돌리며, 현재 각도를 PNG 또는 JPG로 캡처할 수 있습니다.
사용 방법
- 기기에서 등장방형 파노라마 이미지(JPEG 또는 PNG)를 업로드하거나 내장된 샘플 파노라마를 사용하세요.
- 클릭 앤 드래그로 360도 장면을 둘러보세요. 스크롤 또는 핀치 제스처로 확대 및 축소할 수 있습니다.
- 자동 회전 토글을 사용해 핸즈프리 투어를 즐기거나 현재 화면을 스크린샷으로 저장하세요.
사용 시기
- 직접 방문 예약을 잡기 전에 부동산 매물의 360 사진을 살펴볼 때.
- 드론이나 DSLR로 찍은 파노라마를 Google 지도, 페이스북, 네이버 지도에 올리기 전에 미리 점검할 때.
- 박물관·공연장·촬영 세트의 가상 투어를 검토자에게 오프라인으로 공유할 때.
결과
부동산 사진작가가 거실의 360도 파노라마를 업로드하고 뷰어 링크를 공유하여 잠재 구매자들이 공간을 인터랙티브하게 탐험할 수 있도록 합니다.
자주 묻는 질문
- equirectangular 이미지란 무엇이고 제 파일이 거기에 해당하는지 어떻게 알 수 있나요?
- equirectangular 이미지는 종횡비 2:1(4096×2048이 흔함)에 위아래가 늘어나 보이고, 위쪽이 하늘, 아래쪽이 바닥을 나타냅니다. 대부분의 360 카메라와 파노라마 앱이 기본적으로 이 형식으로 내보냅니다.
- 이미지는 불러왔는데 가운데가 일그러지거나 이음새가 보입니다. 왜 그런가요?
- 왜곡은 보통 파일이 진짜 equirectangular 투영이 아니라는 뜻입니다. 원통 투영이나 리틀 플래닛 형태일 수 있습니다. PTGui나 Hugin으로 다시 투영하세요. 이음새는 촬영 시 중첩이 부족해서 생기는 문제이므로 원본 컷부터 다시 스티칭해야 합니다.
- 스테레오 3D나 VR 포맷 파노라마도 볼 수 있나요?
- 아니요. 뷰어는 모노 360 구만 렌더링하므로 위아래 배치나 좌우 배치 입체 파노라마는 이중으로 보입니다. VR에서 보려면 SKYBOX나 DeoVR처럼 좌·우 시점을 나눠 재생하는 플레이어와 헤드셋이 필요합니다.
- 자동 회전 중에 컨트롤을 숨겨 깔끔하게 시연할 수 있나요?
- 네. 툴바의 전체 화면 버튼을 누르면 파노라마가 화면을 가득 채우고, 컨트롤은 아래쪽 가장자리에 그대로 남아 자동 회전·줌·스크린샷·시점 초기화가 한 번의 클릭으로 가능합니다. 자동 회전에는 버튼 옆에 느림·보통·빠름 속도 프리셋도 있어, 차분한 발표용 드리프트나 빠른 미리보기 회전을 고를 수 있습니다.
- 내 파노라마가 어디론가 업로드되나요?
- 아니요. 파일은 Three.js의 메모리 텍스처로 바로 읽혀 페이지 밖으로 나가지 않습니다. 스크린샷도 캔버스 픽셀을 로컬에서 읽어 만들어집니다.