스파이더 AR 트래킹 도구란?

스파이더 AR 트래킹 도구는 사용자의 얼굴을 실시간으로 인식하여, 머리 위에 3D 거미 모델이 따라다니는 증강현실(AR) 효과를 구현하는 웹 기반 카메라 기능입니다. 3D 렌더링을 사용하며, 별도의 앱 설치 없이 브라우저만으로 작동합니다.

사용 방법

[카메라 열기] 버튼을 누르면 새로운 창에서 카메라 화면이 실행됩니다.
브라우저가 카메라 접근 권한을 요청하면 허용을 선택하세요.
화면에 얼굴이 인식되면 3D 거미가 2초 후 머리 위에 등장합니다.
얼굴을 움직이면 거미도 자연스럽게 따라 움직이고 방향을 변경합니다.
필요하면 복사/공유 버튼을 이용해 관련 정보를 저장하거나 전달할 수 있습니다.

기능 설명

실시간 얼굴 트래킹: 이마·턱·코·좌우 윤곽점을 기반으로 위치를 계산합니다.
3D 거미 모델 렌더링: Three.js + GLTFLoader로 고품질 3D 모델을 화면에 표시합니다.
전면/후면 카메라 전환: 버튼을 눌러 자유롭게 카메라 뷰를 변경할 수 있습니다.
반응형 앵커 포지션: 얼굴 크기·위치 변화에 따라 자연스러운 3D 이동을 적용합니다.
거미 회전 연출: 얼굴 각도(yaw/pitch/roll)를 계산해 3D 모델의 방향도 따라갑니다.

활용 예시

AR 데모 프로젝트
웹 기반 3D 실험용 툴
컨텐츠 제작(영상 캡처 등)
얼굴 인식 기술 테스트
브라우저 기반 AI/AR 샘플용

주의 사항

* 모바일 브라우저는 전면 카메라 방향을 자동 반전할 수 있으며, 도구에서는 이를 보정하고 있습니다.
* 일부 구형 기기에서는 3D 렌더링 성능이 낮아 프레임이 떨어질 수 있습니다.
* 카메라 권한을 허용하지 않으면 기능이 작동하지 않습니다.
* FaceMesh는 조도·얼굴 각도·가림 요소 등에 따라 정확도가 달라질 수 있습니다.

팁

안정적인 트래킹을 위해 밝은 환경 사용을 추천합니다.
모바일에서는 가급적 최신 브라우저 사용을 권장합니다.
얼굴이 화면 중앙에 위치할수록 거미의 움직임이 더 자연스럽습니다.