javascript - THREE.js マウスと THREE.Quaternion によるスムーズな軸回転

Question

私はmousemoveを介してTHREE.Object3Dのスムーズな回転を構築しようとしました-ジッター、ギャップ、中断などはありません...ここに私の問題の孤立したjsfiddleがあります：http://jsfiddle.net/vYvmk/

私はそれを取得していません-ネストされたグループなどを介していくつかの異なるシナリオを試しました.Quaternionはトリックを行うと思いますが、何かがうまくいかなかった...

Answer 1

よくわかりませんが、私のslerp-solutionはmesh.lookAt（mouse3D）のように見えますか？！メッシュはターゲット軸を中心に連続的に回転する必要があります...わかりませんが、mesh.quaternion.multiplySelfがトリックになるはずです-ここから再び問題が発生します= |

var v = new THREE.Vector3( mouse2D.y, -mouse2D.x, 0 );//.normalize();
var q = new THREE.Quaternion().setFromEuler( v );
var newQuaternion = new THREE.Quaternion();
THREE.Quaternion.slerp( mesh.quaternion, q, newQuaternion, 0.07 );
mesh.quaternion = newQuaternion;
// mesh.quaternion.multiplySelf( newQuaternion );
mesh.quaternion.normalize();

jsfiddleを参照してください：http：//jsfiddle.net/DLta8/