javascript - Edgeshelper 不更新网格的位置

Question

我想画一个彩色的盒子，包括边缘(不同颜色)这是我用来创建框和边的代码。我已将它们都添加到一个 object3D 中，因为我将在场景中有许多不同的对象并且想要强制封装。

var mesh = new THREE.Mesh( geo, material );   
var edge = new THREE.EdgesHelper( mesh, 0xffffff );

var container = new THREE.Object3D();
container.add(mesh);
container.add(edge);

scene.add(container);

上面发布的代码有效并产生了这个:

但是当我像这样改变父对象的位置时:

container.position.set(0,30,0);

只有边缘被移动。为什么？

将 .updateMatrix() 添加到容器、网格或边缘对象似乎不会产生不同的结果。

如何移动父对象，包括它的所有子对象？

Answer 1

您需要直接将助手添加为场景的子级。

这是由于以下行出现在许多助手中:

this.matrix = object.matrixWorld;
this.matrixAutoUpdate = false;

three.js r.70