Add useAnimatedSensor for Web

[mstach60161]

Summary

• Added useAnimatedSensor for the web implementation

Test plan

• Used chrome on the android device to check if the sensor returns correct data

[tomekzaw]

Looks good to me

[piaskowyk]

I think it should be{ frequency: 1000 / interval }, because the interval contains milliseconds.

[piaskowyk]

In this way we can get rid off unnecessary if condition inside of callback:

let callback;
if (sensorType === SensorType.ROTATION) {
  callback = () => {
    const [qw, qx, qy, qz] = sensor.quaternion;

    // reference: https://stackoverflow.com/questions/5782658/extracting-yaw-from-a-quaternion
    const yaw = Math.atan2(
      2.0 * (qy * qz + qw * qx),
      qw * qw - qx * qx - qy * qy + qz * qz
    );
    const pitch = Math.sin(-2.0 * (qx * qz - qw * qy));
    const roll = Math.atan2(
      2.0 * (qx * qy + qw * qz),
      qw * qw + qx * qx - qy * qy - qz * qz
    );
    eventHandler({ qw, qx, qy, qz, yaw, pitch, roll });
  };
} else {
  callback = () => {
    const { x, y, z } = sensor;
    eventHandler({ x, y, z });
  };
}
sensor.addEventListener('reading', callback);

[piaskowyk]

What if interval is equal 0 ?