orientation-motion-sample

A sample project to explore the orientation and motion features.

API(s)

• DeviceOrientationEvent

Instructions

• Rotate/Move your device to make the blue dot move around the square area.
• While you are doing this, the following information appears in the screen:
  • values of the device alpha/beta/gamma rotations
  • values of the device motion around the x/y/z axes

Notes

• The project is intended to work on mobile devices only, and it has been tested on
  • Google Chrome 87 (mobile)
  • Mozilla Firefox 83 (mobile)
• No proximity information has been provided, since most browsers are incompatible with its obsolete features.

Documentation and useful resources

• DeviceOrientationEvent
• Detect device orientation
• Orientation and motion data explained