MacBookとFirefox3.6 beta1で加速度センサー使って遊ぶ

2006年以降の MacBook(|Pro) かつ OS X に Fx 3.6 beta 1 を入れてる人専用ネタです。
Fx3.6から加速度センサーのイベントがついたのでそれで遊んでみたよ！

demo

http://neotag.net/lab/sample/try-to-MozOrientation.html
MacBook傾けると一緒にページも傾くよ！

追記(2009/11/10)

demoのページが公開設定になってませんでしたorz 公開したので現在は動くはずです。
ついでにFx3.6beta1の入手先(対応アドオンとか少ないですお決まりの自己責任で。profileとかも分けたほうが良いと思います。)
http://www.mozilla.com/en-US/firefox/all-beta.html

code

var test = function(orientData){
document.getElementsByTagName('body')[0]
        .style.MozTransform
        = "rotate("+Math.floor(-orientData.x*100)+"deg)";
        // Math.floorしたのはそのままだとピコピコ動きがうざいから
}
window.addEventListener("MozOrientation", test, true);

簡単だね！

Screen Shot

環境が無い人のために（画像でかすぎた！なおすのめんどい！）

safariだと

イベントが存在しないからふつー。

Fx3.6beta1

こてっ

反対側にこてっ

ぐるん

詳しい事はMDCで

https://developer.mozilla.org/ja/DOM/window.onmozorientation

おまけ

jetpackで使うと後悔するコード。

var document = jetpack.tabs.focused.contentWindow.document;
var test = function(orientData){
document.getElementsByTagName('body')[0].style.MozTransform="rotate("+(-orientData.x*100)+"deg)";
}
jetpack.tabs.focused.contentWindow.addEventListener("MozOrientation", test, true);