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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/153845.html

猜你在找的JavaScript相关文章