Interactive01 / WAR MEMORIAL OF KOREA
결단의 책상
전쟁기념사업회 · 6·25전쟁 지도자실
이미지 마커를 인식하면 3D 모델을 표시하는 WebAR 뷰어를 개발했습니다. 영상은 전시 공간과 QR 안내, 휴대폰에서 실행되는 AR을 보여줍니다.
02 / GANGWON GAMYEONG
강원감영
원주시 도시정보센터 · AR/VR 실감 체험
강원감영 디오라마 AR/VR과 영주관 AR 콘텐츠를 개발했습니다. 아래는 방문객이 기록한 체험 과정입니다. QR 안내와 AR 실행 화면을 보고, 마지막 두 사진에서 토끼가 나타나기 전후를 비교할 수 있습니다.
현장 안내판에서 AR 체험에 접속합니다.
휴대폰 화면에 실제 장소가 표시됩니다.
카메라 화면에 토끼 캐릭터가 나타납니다.
AR 콘텐츠가 없는 현장의 모습입니다.
같은 장소를 AR 캐릭터와 함께 담은 사진입니다.
현장 체험 사진 ·핑꾸, 네이버 블로그 ↗2025.08.14 · 사진을 누르면 크게 볼 수 있습니다.
03 / HAEGWAN 1897
해관1897
목포 미식문화갤러리 · AR 도슨트
이미지 마커를 사용하는 WebAR 도슨트 서비스에서 3D 모델 뷰어를 개발했습니다.
AlvaAR / Three.js
Implementation
WebAR 작업에서 AlvaAR와 8th Wall을 사용했습니다. 아래는 그중 AlvaAR의 카메라 추적 결과를 Three.js에 연결한 구현입니다.
Frame preparation
카메라 영상의 비율을 유지하면서 뷰포트를 채우고, 넘치는 영역은 중앙 기준으로 잘랐습니다. AlvaAR도 같은 해상도로 초기화해 준비한 프레임을 전달했습니다.
Pose conversion
AlvaAR가 반환한 pose 행렬에서 회전과 위치를 읽고, 축 방향을 변환해 Three.js 카메라의 quaternion과 position을 갱신했습니다. pose가 반환된 경우에만 적용하고, 평면 검출 결과는 카메라 pose와 별도로 관리했습니다.
