スマートフォンの傾きに応じて背景画像を動かすJavaScriptライブラリはありますか？


直リンクで申し訳ないのですが、iPhone等のスマートフォンで下記のサイトにアクセスすると、スマートフォンの傾きに応じて背景画像がゆらゆらと動くようになっています。

<http://ignition.co/104>

このような効果はjQueryか何かのライブラリで実現しているのでしょうか？ そういったライブラリをご存知の方がいれば教えてください。




`deviceorientation`イベントを使えば良いと思います。

[code]

    window.addEventListener('deviceorientation', function(e) {
      // e.alpha, e.beta, e.gamma で傾きを取得
    });
    
[/code]

MDNに詳しい説明があります。

<https://developer.mozilla.org/ja/docs/Detecting_device_orientation>
<https://developer.mozilla.org/ja/docs/DOM/Orientation_and_motion_data_explained>

質問で挙げられているサイトでは`devicemotion`イベントを使っているようですが、こちらは使ったことがないので詳しいことはわかりません。
<https://developer.apple.com/library/iad/documentation/SafariDOMAdditions/Reference/DeviceMotionEventClassRef/DeviceMotionEvent/DeviceMotionEvent.html>

