데모앱·위젯
3D 가발 얼굴 정렬·착용 체험
카메라 없이도 마네킹 머리에 3D 가발 4종을 씌우고, 정렬 단계를 끄고 켜며 비교해 봅니다.
wig-tryon-demo-158986-production.up.railway.app
열어 보시면 이런 걸 확인하실 수 있습니다
- 첫 장면은 카메라 없이 마네킹 머리에 가발이 위치와 방향을 맞춰 앉은 모습입니다
- 가발 목록에서 [남성]·[여성]을 고르고 가발을 누르면 같은 자리에서 가발이 바뀌며 다시 맞춰집니다
- [기술 설명]에서 가운데 선을 끌면 4단계 처리의 끈 화면과 켠 화면이 나란히 비교됩니다
- 동그란 촬영 버튼으로 찍은 사진은 서버로 보내지 않고, [저장]하면 내려받기로 저장됩니다
만들면서 풀어야 했던 것
- 가발이 스티커처럼 떠 보이지 않으려면 얼굴과 귀 뒤로 갈 뒷머리가 가려져야 합니다. CC0 인체 기본 모델(MakeHuman)로 만든 마네킹 흉상, 얼굴 뒤를 가리는 보이지 않는 머리 모형(가림막), 가발 맞춤을 같은 인체 모델에서 나오게 해 서로 어긋나지 않게 했고, 오른쪽 옆모습에서 가림막을 끄고 켜며 차이를 볼 수 있게 했습니다.
- 가발은 남성 2종, 여성 2종의 4종입니다. 여성 2종(보브, 웨이브)은 CC0로 공개된 MakeHuman 헤어 모델을 마네킹 흉상에 맞춰 변환하고 색을 다시 입혔고, 남성 2종(짧은 커트, 투블럭)은 CC0 인체 기본 모델의 두피 면을 잘라 직접 만들었습니다. 가발 모델 하나당 삼각형 30,000개 이하라는 상한을 정했고, 보브와 웨이브는 11,766개, 짧은 커트와 투블럭은 13,610개이며 이 값과 원본 모델을 화면의 가발 정보에서 보여 줍니다.
- 공개 라이선스 얼굴·머리카락 인식 모델을 화면 파일과 함께 담아 영상이 브라우저 밖으로 나가지 않게 했습니다. 카메라 경로는 합성 영상 신호로만 확인했고, 합성 영상 속 마네킹 그림이 얼굴로 인식되지 않아 그 확인에서 가발이 앉는 장면까지는 보지 못했습니다. 실제 얼굴로는 확인하지 않았고, 흔들림·옆모습 보정 효과도 마네킹 모드의 흉내 낸 오차로만 확인했습니다. 휴대폰 앱이나 상용 SDK가 아닌 브라우저용 웹 데모입니다.
비슷한 걸 만들어 보고 싶으시다면
구간 견적으로 규모를 먼저 가늠해 보시거나, 조건을 적어 보내 주시면 범위를 정리해 회신드립니다.