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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在axis world.js上旋转对象?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能轮到世界的轴线而不是物体?

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

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

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

解决方法

是的,您可以使用三个 github问题提供的功能来执行此操作:
  1. var rotWorldMatrix;
  2.  
  3. // Rotate an object around an arbitrary axis in world space
  4. function rotateAroundWorldAxis(object,axis,radians) {
  5. rotWorldMatrix = new THREE.Matrix4();
  6. rotWorldMatrix.makeRotationAxis(axis.normalize(),radians);
  7. rotWorldMatrix.multiplySelf(object.matrix); // pre-multiply
  8. object.matrix = rotWorldMatrix;
  9. object.rotation.getRotationFromMatrix(object.matrix,object.scale);
  10. }

然后

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

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

猜你在找的JavaScript相关文章