sun.png
mountains.png
hill.png
wood.png

이번에도 웹캠을 이용한 페이스 트래킹을 이용하여 패럴랙스 효과에 적용해 보면 재미있겠다는 생각이 떠올라 만들었습니다. 얼굴인식을 시작하면 웹캠화면은 사라지고 현재 얼굴이 위치한 곳에 빨간 사각형이 표시됩니다. 사각형의 중심을 기점으로 패럴랙스 효과가 발생하며, 웹캠에서 얼굴까지의 거리에 따라 줌인/아웃이 발생하도록 했습니다.(옵셔널) 그리고 위 데모에 사용된 이미지는 jParallax에서 퍼다 나른 것입니다.

당장은 웹캠의 작동 여부를 판별해 낼 수가 없어서 패럴랙스 영역으로 마우스가 진입한 떄에만 작동하도록 했습니다. 개인적으로 여러 기기에서 실행해 본 결과 맥북의 iSight가 가장좋은 인식율을 보여 주더군요. 근데 이게 말예요. 가지고 노는 재미가 아주 쏠쏠합디다. 나중에 WebGL과 접목시키면 이런 것도... ㅎㄷㄷ

Comments