1

我正在尝试围绕世界轴旋转对象。我发现了这个问题：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 度角，它会非常缓慢地旋转，并且与点击的方向相反。

4

1 回答 1

6

只要对象没有旋转的父对象，您就可以像这样围绕世界轴旋转对象：

object.rotateOnWorldAxis( axis, angle );

axis必须标准化（具有单位长度）；angle以弧度为单位。

三.js r.92

于 2013-10-15T17:03:37.050 回答