shake.js

shake.js

장치 가속도계를 사용하는 모바일 웹 브라우저용 사용자 정의 '흔들기' 이벤트 JavaScript 플러그인입니다.

설치

• 다운로드: zip
• NPM: npm install shake.js
• Bower: bower install shake.js
• 힘내: git clone https://github.com/alexgibson/shake.js

종속성

이 플러그인이 작동하려면 웹 브라우저가 devicemotion 이벤트를 지원해야 합니다. Shake.js는 내장된 기능 감지를 사용하여 웹 브라우저에서 실행할 수 있는지 확인합니다. 지원하지 않는 브라우저에서는 자동으로 종료됩니다.

http://w3c.github.io/deviceorientation/spec-source-orientation.html

설정

NPM을 사용하는 CommonJS의 경우:

 var Shake = require('shake.js');

AMD 모듈의 경우:

 define(['./shake'], function(Shake) {
    // ...
});

브라우저에서:

 <script src="shake.js"></script>

다음으로 새 Shake 인스턴스를 만듭니다.

 var myShakeEvent = new Shake({
    threshold: 15, // optional shake strength threshold
    timeout: 1000 // optional, determines the frequency of event generation
});

장치 동작 듣기 시작:

 myShakeEvent.start();

콜백을 사용하여 window 에 shake 이벤트 리스너를 등록합니다.

 window.addEventListener('shake', shakeEventDidOccur, false);

//function to call when shake occurs
function shakeEventDidOccur () {

    //put your own code here etc.
    alert('shake!');
}

다음과 같이 흔들림 이벤트 수신을 중지할 수 있습니다.

 window.removeEventListener('shake', shakeEventDidOccur, false);

장치 동작 듣기를 중지하려면 다음을 호출하세요.

 myShakeEvent.stop();

지원되는 웹 브라우저/장치

• iOS Safari 4.2.1(이상)
• Android 4.0.3(기본 브라우저)
• Android용 Chrome 41 이상
• 오페라 모바일(안드로이드)
• 블랙베리 플레이북 2.0
• 안드로이드용 파이어폭스
• FirefoxOS 장치