Deviceorientation-orbitcontrols.js

KO | EN

gitlite — search

#react #python #docker #typescript #reactjs #tailwindcss #mongodb #python3 #ios #android #plugin #chatbot

Deviceorientation-orbitcontrols.js

★ 13 Open GitHub ↗

DeviceOrientation+OrbitControls enable controlling the camera by both touch and device's orientation based on Three.js.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# DeviceOrientation+OrbitControls for Three.js

On the example of [OrbitControls.js](https://threejs.org/examples/misc_controls_orbit.html), the camera smoothly rotate but does not include the deviceorientation's control. When you need to control the camera with touch and deviceorientation (ex. for the mobile device's usage), [DeviceorientationControls.js](https://threejs.org/examples/misc_controls_deviceorientation.html)
 is also needed.
  
But the DeviceorientationControls rotate the camera only based on the device's orientation, so that the camera's direction is always initialized when DeviceorientationControls is activated, unless the camera's current direction.
  
For that reason, I wrote this script due to the need to link the DeviceorientationControls and OrbitControls especially for the reason of controlling the VR videos more well. ([ref. VRTube](https://itunes.apple.com/jp/app/vrtube-for-youtube-wan-quan/id1126650962?mt=8)) .

## Function
Rotate Three.js object by the devicerientation and the touch/mousemove interaction.
  
## Usage
On the default, DeviceorientationControls is inactive. So it is need to activate the deviceorientation event first. Other than that, it is almost the same as the OrbitControls.js (pan and keyboard event are commentouted by the default for vr usage).

```
var controls = new THREE.OrbitControls( camera );
controls.activateDeviceOrientation(true);
```

###Added parameter
Can change the timing of end of the orbit by setting the minDelta.

```
var controls = new THREE.OrbitControls( camera );
controls.minDelta = 0.001;
```

## Lisence
MIT

Deviceorientation-orbitcontrols.js

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README