<tr><td>X:</td><td id="gravX">...</td></tr>\r
<tr><td>Y:</td><td id="gravY">...</td></tr>\r
<tr><td>Z:</td><td id="gravZ">...</td></tr>\r
-<tr><td>Rotation:</td><td id="gravRot">...</td></tr>\r
-<tr><td>Absolute Orientation:</td><td id="gravAbs">...</td></tr>\r
<tr><td>Alpha:</td><td id="gravAlpha">...</td></tr>\r
<tr><td>Beta:</td><td id="gravBeta">...</td></tr>\r
<tr><td>Gamma:</td><td id="gravGamma">...</td></tr>\r
document.getElementById("gravavail").style.display = "none";
},
orientEvent: function(orientData) {
- document.getElementById("gravAbs").textContent = orientData.absolute;
- document.getElementById("gravAlpha").textContent = orientData.alpha;
- document.getElementById("gravBeta").textContent = orientData.beta;
- document.getElementById("gravGamma").textContent = orientData.gamma;
+ //document.getElementById("gravAbs").textContent = orientData.absolute;
+ document.getElementById("gravAlpha").textContent = orientData.alpha.toFixed(1) + "°";
+ document.getElementById("gravBeta").textContent = orientData.beta.toFixed(1) + "°";
+ document.getElementById("gravGamma").textContent = orientData.gamma.toFixed(1) + "°";
},
motionEvent: function(event) {
- document.getElementById("gravX").textContent = event.accelerationIncludingGravity.x;
- document.getElementById("gravY").textContent = event.accelerationIncludingGravity.y;
- document.getElementById("gravZ").textContent = event.accelerationIncludingGravity.z;
- document.getElementById("gravRot").textContent = event.rotationRate;
+ document.getElementById("gravX").textContent = event.accelerationIncludingGravity.x.toFixed(2) + " m/s²";
+ document.getElementById("gravY").textContent = event.accelerationIncludingGravity.y.toFixed(2) + " m/s²";
+ document.getElementById("gravZ").textContent = event.accelerationIncludingGravity.z.toFixed(2) + " m/s²";
+ //document.getElementById("gravRot").textContent = event.rotationRate;
},
}