Skip to content
This repository has been archived by the owner on Jan 10, 2020. It is now read-only.
/ device-orientation Public archive

Web Components (with Polymer) to detecting device orientation and motion

License

Notifications You must be signed in to change notification settings

abdonrd/device-orientation

Repository files navigation

Build status Published on webcomponents.org

<device-orientation> & <device-motion>

Web Components (with Polymer) to detecting device orientation and motion.

<device-orientation>

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>

<device-motion>

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>