クジラ机ブログ
2010/11/24/iOS4.2のJSで傾きセンサーが使えるようになった

先日、iOS4.2へアップデートしましたが、iPadでも、JavaScriptから傾きセンサーが利用可能になりました。素晴らしい！

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

以下のようなサンプルでテストしてみて、ばっちりiPadで動くことを確認しました。いろいろ使えそうですね。

<html><body>
<h1 >sensor test</h1>
<div id="x"></div>
<div id="y"></div>
<div id="z"></div>
<script>
var $ = function(id){ return document.getElementById(id); }
window.ondevicemotion = function(event) {
  $("x").innerHTML = event.accelerationIncludingGravity.x;
  $("y").innerHTML = event.accelerationIncludingGravity.y;
  $("z").innerHTML = event.accelerationIncludingGravity.z;
}
</script>
</body></html>