Question

我正在尝试围绕世界轴旋转对象。我发现了这个问题：How to rotate a object on axis world three.js?

但是使用此功能并没有解决问题：

var rotWorldMatrix;

// Rotate an object around an arbitrary axis in world space       
function rotateAroundWorldAxis(object, axis, radians) {
    rotWorldMatrix = new THREE.Matrix4();
    rotWorldMatrix.makeRotationAxis(axis.normalize(), radians);
    rotWorldMatrix.multiplySelf(object.matrix);        // pre-multiply
    object.matrix = rotWorldMatrix;
    object.rotation.getRotationFromMatrix(object.matrix, object.scale);
}

multiplySelf和getRotationFromMatrix未定义（我收到控制台错误）。如何解决问题？

更新

我尝试使用Quaternion，但似乎行为不正确。我正在尝试根据用户点击旋转对象，这是我写的函数：

function mouseUp(event) {
    var x= event.clientX;
    var y= event.clientY;
    var dx= (x - xBegin);
    var dy= (y - yBegin);

    var quaternion= new THREE.Quaternion();
    quaternion.setFromAxisAngle(new THREE.Quaternion(dy,dx,0).normalize(),Math.sqrt(dx*dx+dy*dy)/250.0);
    object.quaternion.multiplyQuaternions(quaternion,object.quaternion);
}

只要物体处于垂直或水平位置，它就会正确旋转，但如果它与x轴成45度角，则旋转速度非常慢，并且与咔嗒声的方向相反。

Answer 1

只要对象没有旋转的父对象，就可以围绕世界轴旋转对象，如下所示：

object.rotateOnWorldAxis( axis, angle );

axis必须标准化（具有单位长度）; angle是弧度。

three.js r.92

围绕世界轴旋转对象

1 个答案: