読者です 読者をやめる 読者になる 読者になる

ほげほげ(仮)

仮死状態

DeviceOrientationイベントを試してみた

JavaScript

JavaScriptでDeviceOrientationイベントを試してみました。


DeviceOrientationは傾きなどを取得するイベントです。
詳しいことは DeviceOrientation Event Specification に書いています。


今回使用した環境はMacBookPro、ブラウザはChrome11です。


使い方はそこまで難しくなく、下のようにイベントを登録します。

window.addEventListener('deviceorientation', function(event) {
    // ここに処理を書く
}, true);

引数のeventにそれぞれ値が入ってきます。
alpha、beta、gammaで傾きの値が取れるようになっています。
(試した結果、alphaは常にnullでした)


deviceorientation - jsdo.it - Share JavaScript, HTML5 and CSS で簡単なサンプルを公開してます。
傾きに合わせてBOXが動くようなサンプルです。


ホントはAndroidで動かしたかったのですが、どうやらAndroidのWebViewは対応していないようで無反応でした。