傾きセンサーの値を表示する

説明

3軸傾きセンサーの値を表示するにはdeviceorientationイベントを捕捉します。端末を傾けるとdeviceorientationイベントが発生します。イベントが発生した際に呼び出されるイベントハンドラには傾き情報が入ったオブジェクトが渡されます。オブジェクトのalpha、beta、gammaプロパティを参照すれば、それぞれの軸の傾きが分かります。

[サンプルをダウンロード]

ポイントとなるコード部分

window.addEventListener("deviceorientation", function(orientData){
	var a = orientData.alpha;
	var b = orientData.beta;
	var g = orientData.gamma;