자바스크립트로 립모션 시작하기


발생일: 2013.08.25

문제:
얼마 전에 립모션(Leap Motion)을 구입했다.
문서나 예제도 많고, JavaScript API도 있어서 바로 실행해보기 아주 쉽더라.^^

전체적인 개념을 빠르게 이해할 수 있게 큼직한 개념을 정리해뒀다.


해결책:


브라우저 동작 방식

- 서버에서 웹소켓 서버를 띄우고 디바이스에서 읽은 정보를 Push 하는 구조
- 클라이언트(노드, 브라우저)에서는 웹소켓 클라이언트를 생성해 해당 메시지를 받도록 구현했다.


Frame

- 이벤트를 처리하는 프레임은 디바이스 프레임과 애니메이션 프레임으로 나눴다.
- 디바이스 프레임은 립모션 디바이스에서 발생하는 모든 프레임을 받는다.
- 애니메이션 프레임은 브라우저에서 requestAnimation 의 타이밍에 맞춰 가장 최근에 받은 프레임을 사용한다.


컨트롤러

- Hand: 손으로 인식된 경우.
- Finger: 손에 붙은 손가락.
- Tool: 손이 아닌 물체. 펜이나 막대기 등인 경우다.
- Pointer: 손가락과 툴을 모두 포함해 포인터 역할을 할 수 있는 것들.


라이브러리

노드나 스크립트의 경우 leap.js를 사용하면 된다.


시작하기 전에 아래 오버뷰 문서를 참고하면 좋다.



카테고리

분류 전체보기 (711)
About me. (6)
Daylogs (676)
영어공부 (0)
My works - 추억 (29)
비공개 (0)