Clamp device orientation controls

chriship · December 6, 2017, 10:20am

I’m struggling to figure out how to clamp the device orientation controls to say 180 degrees rather than allowing the full 360.

Does anyone know how to do this?

looeee · December 9, 2017, 2:36am

There’s no built in way to do this - however looking at the source code, the controls are pretty simple.

You’ll need to change the “update” function and add checks for
scope.deviceOrientation.alpha, scope.deviceOrientation.beta and scope.deviceOrientation.gamma - only update them if they are within your desired range.

github.com

mrdoob/three.js/blob/dev/examples/js/controls/DeviceOrientationControls.js#L84-L86


		var alpha = scope.deviceOrientation.alpha ? THREE.Math.degToRad( scope.deviceOrientation.alpha ) + this.alphaOffset : 0; // Z
		var beta = scope.deviceOrientation.beta ? THREE.Math.degToRad( scope.deviceOrientation.beta ) : 0; // X'
		var gamma = scope.deviceOrientation.gamma ? THREE.Math.degToRad( scope.deviceOrientation.gamma ) : 0; // Y''

Topic		Replies	Views
DeviceOrientation controls Lock view to Model and only use Subtle movement ? (like facebook 3d photo) Questions device-orientation	0	545	November 22, 2021
Orbit Controls + Device Orientation controls video orientation adjustment Questions orbit-controls	1	2058	September 8, 2018
Inital Y Axi Rotation after applying THREE.DeviceOrientationControls on Camera Object Questions	0	554	January 23, 2019
Betaoffset for DeviceOrientationControls causes strange issue [SOLVED] Questions camera-controls	1	779	December 9, 2018
Need a callback for DeviceOrientationControls permission cancel/accept Questions device-orientation	1	572	November 18, 2021

Clamp device orientation controls

Related topics