javascript – 如何在axis world.js上旋转对象？

是否有可能轮到世界的轴线而不是物体？

我需要做一些对象的旋转,但是在第一次旋转之后,我不能像我想要的那样做其他旋转.

如果不可能在世界轴上做旋转,我的第二个选择是在第一次旋转之后重置轴.这有什么功能吗？

我不能使用object.eulerOrder,因为当我在一些旋转后设置object.eulerOrder =“YZX”时,它改变了我的对象的方向.

解决方法

是的,您可以使用三个 github问题提供的功能来执行此操作：

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);
}

然后

//rotate 30 degrees on world X
rotateAroundWorldAxis(cube,new THREE.Vector3(1,0),30 * Math.PI/180);

看我的例子 – http://jsfiddle.net/SCXNQ/156/

原文地址：https://www.jb51.cc/js/153845.html