Comment faire pivoter une sphère le long des trois axes (x, y, z) simultanément

Question

Je souhaite faire pivoter une image le long des trois axes de manière à ce que toutes les rotations soient prises en compte dans l'ordre approprié.
Am utilisant Three Js bibliothèque et la rotation semble fonctionner le long d'un axe et avec les trois axes, la rotation est anormale. J'ai vu quelques idées sur la rotation en utilisant quaternions pour éviter le verrou de cardan et j'ai essayé Euler mais il n'a pas réussi.

sphericImageMesh_ est ma sphère et this.getRollDeg() est méthode pour obtenir rouleau comme indiqué par la caméra.

Ce que j'ai essayé est ici-bas:

// var euler = new THREE.Euler(- THREE.Math.degToRad(this.getRollDeg()), - THREE.Math.degToRad(this.getHeadingDeg()) , - THREE.Math.degToRad(this.getPitchDeg()), 'XYZ'); 
// this.sphericImageMesh_.setRotationFromEuler(euler); 

// this.sphericImageMesh_.rotateZ(THREE.Math.degToRad(-this.getPitchDeg())); 
// this.sphericImageMesh_.rotateX(THREE.Math.degToRad(-this.getRollDeg())); 
this.sphericImageMesh_.rotateY(THREE.Math.degToRad(-this.getHeadingDeg())); 

Je l'ai vu sur l'utilisation de Quaternions et MatrixX4 et je ne suis pas sûr de savoir comment l'appliquer. Toute aide serait appréciée.

Answer 1

vous pourriez essayer de réorganiser les rotations. Je pense que XYZ est par défaut, mais je trouve que YXZ ou YZX fonctionne de manière plus intuitive. utilisez n.rotation.order ('YXZ'); et voyez s'il ne se comporte pas plus près de ce à quoi vous pensez. Si vous faites un volim où + Z est en avant, cela fonctionnera plus intuitivement. Vous avez lacé, puis tanguez, puis roulez.

https://threejs.org/docs/index.html#api/math/Euler