三js Obj装载机旋转

时间:2017-04-04 14:22:13

标签: javascript three.js

我在三j编辑器中做了一个棒,用以下代码加载后我可以定位但不旋转它。 它是由4个网格组成的一根棍子,所以我可能需要制作一个旋转点,但我无法弄清楚我是如何让它工作的。

理想情况:

   x   -------

x代表我想要围绕

旋转破折号(粘贴)的点

任何人都可以帮助我吗?

事先提前

var loader = new THREE.ObjectLoader();
loader.load("scene.json", function ( obj )
{
    stick =obj;

    scene.add( stick );
    stick.position.z = -9;
    stick.position.y = .4;
    stick.children[3].rotation.x(45);
});

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你有一个有4个孩子的物体是网状物。

Object3D
  -Mesh
  -Mesh
  -Mesh
  -Mesh

首先,我会翻译所有孩子,然后旋转父对象。

for(var i=0; i<stick.children.length; i++) {
    stick.children[i].position.set(0, 0.4, -9); // or another offset
}

stick.rotateX( 45 * Math.PI / 180 ); // make sure to use Radians