javascript - Safari iOS で加速度計を使用する

Question

私はそれを使い始めたばかりで、1:1 ジェスチャに基づいて、ページ内の要素、たとえばボックス/div を移動する方法があるのだろうかと思います。

もっと詳しく説明させてください：私がオンラインで見た例では、慣性などで行動します...

iPhoneを上に傾けたときにボックスをページの上部に移動したいのですが、その逆も同様です..直接の動きで、慣性は必要ありません

私が話していることに近いデモはありますか？

Answer 1

私の知る限り、Safari は次のようなジャイロスコープ/加速度計イベントを検出できます。

window.ondevicemotion = function(event) {
// event.accelerationIncludingGravity.x
// event.accelerationIncludingGravity.y
// event.accelerationIncludingGravity.z
}

弾むボールがいくつかあるデモがあることは知っていますが、見つかりません。ただし、詳細については、Apple のサイトのドキュメントにアクセスして、これを Safari ブラウザー用に開発することができます。次のリンクを参照してください。

https://developer.apple.com/library/safari/#documentation/SafariDOMAdditions/Reference/DeviceMotionEventClassRef/DeviceMotionEvent/DeviceMotionEvent.html

https://developer.apple.com/library/safari/#documentation/SafariDOMAdditions/Reference/DeviceOrientationEventClassRef/DeviceOrientationEvent/DeviceOrientationEvent.html

更新: どこかで見たことがあることは知っています... これがデモで、iPhone、Android、および Mac (加速度計付き) で動作します: http://mrdoob.com/projects/chromeexperiments/ball_pool/