THREE.js 通过鼠标和 THREE.Quaternion 平滑轴旋转

Question

我尝试通过 mousemove 为 THREE.Object3D 构建平滑的旋转 - 没有任何抖动、间隙、中断或其他任何东西...... 这是我的问题的一个孤立的 jsfiddle：http://jsfiddle.net/vYvmk/

我不明白 - 通过嵌套组等尝试了几种不同的场景。 我猜四元数会解决问题，但出了点问题......

Answer 1

我刚刚发布了一篇关于旋转可能与您正在寻找的对象相似的对象的帖子：Three.js 中的平滑鼠标旋转

Answer 2

我不确定，但我的 slerp 解决方案看起来像 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/