Web Components (with Polymer) to detecting device orientation and motion.
Detecting device orientation.
Example:
<device-orientation
api-supported="{{apiSupported}}"
sensors-available="{{sensorsAvailable}}"
orientation="{{orientation}}">
</device-orientation>
<ul>
<li>API supported: [[apiSupported]]</li>
<li>Sensors available: [[sensorsAvailable]]</li>
<li>Absolute: [[orientation.absolute]]</li>
<li>Alpha: [[orientation.alpha]]</li>
<li>Beta: [[orientation.beta]]</li>
<li>Gamma: [[orientation.gamma]]</li>
</ul>
Detecting device motion.
Example:
<device-motion
api-supported="{{apiSupported}}"
sensors-available="{{sensorsAvailable}}"
motion="{{motion}}">
</device-motion>
<ul>
<li>API supported: [[apiSupported]]</li>
<li>Sensors available: [[sensorsAvailable]]</li>
<li>Acceleration
<ul>
<li>x: [[motion.acceleration.x]]</li>
<li>y: [[motion.acceleration.y]]</li>
<li>z: [[motion.acceleration.z]]</li>
</ul>
</li>
<li>Acceleration with gravity
<ul>
<li>x: [[motion.accelerationIncludingGravity.x]]</li>
<li>y: [[motion.accelerationIncludingGravity.y]]</li>
<li>z: [[motion.accelerationIncludingGravity.z]]</li>
</ul>
</li>
<li>Rotation rate
<ul>
<li>α: [[motion.rotationRate.alpha]]</li>
<li>β: [[motion.rotationRate.beta]]</li>
<li>γ: [[motion.rotationRate.gamma]]</li>
</ul>
</li>
<li>Interval: [[motion.interval]]</li>
</ul>