うまくデータを取得しているようです。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iPhone iOS4.2</title>
</head>
<body>
<h1>加速度センサーテスト</h1>
<h2>傾き加速度</h2>
<div>x:<span id="x">0</span></div>
<div>y:<span id="y">0</span></div>
<div>z:<span id="z">0</span></div>
<h2>傾きの重力加速度</h2>
<div>xg:<span id="xg">0</span></div>
<div>yg:<span id="yg">0</span></div>
<div>zg:<span id="zg">0</span></div>
<h2>回転加速度</h2>
<div>alpha(Z):<span id="a">0</span></div>
<div>beta(X):<span id="b">0</span></div>
<div>gammma(Y):<span id="g">0</span></div>
<script>
window.addEventListener("devicemotion", function(evt){
var x = evt.acceleration.x; // X方向の加速度
var y = evt.acceleration.y; // Y方向の加速度
var z = evt.acceleration.z; // Z方向の加速度
var xg = evt.accelerationIncludingGravity.x; // X方向の傾き
var yg = evt.accelerationIncludingGravity.y; // Y方向の傾き
var zg = evt.accelerationIncludingGravity.z; // Z方向の傾き
var a = evt.rotationRate.alpha; // Z方向の回転値
var b = evt.rotationRate.beta; // X方向の回転値
var g = evt.rotationRate.gamma; // Y方向の回転値
document.getElementById("x").innerText = x;
document.getElementById("y").innerText = y;
document.getElementById("z").innerText = z;
document.getElementById("xg").innerText = xg;
document.getElementById("yg").innerText = yg;
document.getElementById("zg").innerText = zg;
document.getElementById("a").innerText = a;
document.getElementById("b").innerText = b;
document.getElementById("g").innerText = g;
}, true);
</script>
</body>
<html>
0 件のコメント:
コメントを投稿