Device Orientation Controls for mobile about photo-sphere-viewer

[JeremyHeleine]

Photo Sphere Viewer provides a button in the navigation bar to let the user navigate through the panorama using their device's orientation. However, this button is shown only if the used API is supported so, if you can't see it, maybe you use a browser which is not compatible (I think Apple's browser is not).

[sem4phor]

You basically have to import the three/examples/js/controls/DeviceOrientationControls.js file (which itself requires THREE itself). To provide THREE to the example file in webpack you have to do following config:

module: {
      rules: [{
        test: /three\/examples\/js/,
        use: 'imports-loader?THREE=three'
      }]
    }

(Which uses the package webpack imports-loader)