Appspresso(앱스프레소) - Orientation (방향계)

센서 기능중에서 마지막인 방향계에 대하여 살펴보겠습니다.

 역시 이번에도 index.html부터 봐야겠죠.

 

마지막 센서 예제인 방향계의 링크 페이지로 가보겠습니다.

캔버스 태그가 보이고, 로그 같아 보이는 p태그가 있습니다.

방향계와 관련 있는 js/sensor-orientation.js을 열어보겠습니다.
앱스프레소의 deviceapis를 이용해서 방향계에 접근합니다.
함수 이름에서 보여지듯이 watch를 clear하는 함수이군요.

demo함수입니다.
캔버스를 2d로 셋팅하고, 방향계의 변화를 감지할 수 있는 api를 호출하고 있습니다.
successCallback함수인 orientationChange함수를 따라가 보겠습니다.

방향계 센서로 부터 정보를 정상적으로 가져오면
alpha, beta, gamma 값을 가져와서 log이름이 붙은 태그에 보여도록 하고 있네요.

방향 정보를 보여주기 위하여 캔버스에 원과 각도를 나타내는 그림을 그립니다.
고등학교때 배우던 sin, cos도 보이네요.^^

시뮬레이터에서는 센서가 없어 확인이 안되니,
실제 아이폰에서 실행시켜 보겠습니다,