[Question] How to keep manual drag rotation on touchend?

[carolinex]

Hello, I hope it is ok to post a question here.

In my application, I need to keep the rotation around Y axis when the user drags manually and releases on mobile, but I'm having problems understanding how to add the rotation difference using quaternions.

If I edit the updateDeviceMove on DeviceOrientationController.js to add the code below, it almost works... for vertical axis, but the others are messed up.

// this variable is a boolean flag set to true on touchend if( manuallyMoved) { objY = rotation.setFromQuaternion( objQuat, 'YXZ' ).y; realY = rotation.setFromQuaternion( deviceQuat, 'YXZ' ).y; manQuat = new THREE.Quaternion().setFromAxisAngle( new THREE.Vector3(0,1,0), (objY - realY) ); deviceQuat.multiply( manQuat ); manuallyMoved = false; }else{ deviceQuat.multiply( manQuat ); this.object.quaternion.slerp( deviceQuat, 0.07 ); } //this.object.quaternion.slerp( deviceQuat, 0.07 ); // smoothing //this.object.quaternion.copy( deviceQuat );

I put together a very basic example for testing. It's here: http://ec2-54-207-23-212.sa-east-1.compute.amazonaws.com/tests/360/

Can somebody point me in the right direction? Thanks.

[liuxiaoyue]

Hello, this problem can you solve it, can you give suggestions? thanks

[carolinex]

Because I had some urgency I gave up on threeVR, and used the standard DeviceOrientationControls.js from ThreeJS adding a button to switch mode to orbitControls. Not the best UX but it was what I could do at the moment. I think it's only a matter of understanding the math though, quaternions are not for the uninitiated...

[liuxiaoyue]

@carolinex thanks! I try to solve this problem，i find that updateDevice and updateManual functions are modified camera quaternion, i want to handle quaternion，use slerp， but updateDevice is failured，@richtr ,can you give suggestions? thanks....

[tristangemus]

+1 for this

[TommyySin]

+1 Anyone got something close?