Three.js：如何将EdgesHelper与Mesh相匹配

Question

在一个场景中，我添加了几个网格物体（立方体）。已经为每个立方体制作了EdgeHelper。立方体移动并旋转，Edgehelpers随之移动和旋转。

当我选择关联的立方体网格时，我想更改EdgeHelper的颜色。 （选择方法并不重要）。

因此，给定一个特定的立方体网格，我如何找到相关的EdgeHelper对象？

Answer 1

为给定的edgesHelper创建mesh时，您只需向网格添加新属性：

var mesh = new THREE.Mesh( ... );

var edgesHelper = new THREE.EdgesHelper( mesh );

mesh.edgesHelper = edgesHelper;

现在您可以更改辅助颜色：

mesh.edgesHelper.material.color.set( 0xff0000 );

three.js r.76

Answer 2

创建网格和EdgeHelpers时，可以为它们分配相同的.name属性：

mesh0.name = 0;
edgeHelper0.name = 0;

mesh1.name = 1;
edgeHelper1.name = 1;

...and so on

**if you wrap this in a loop even better

因此，当选择网格时，您可以读取其.name属性并选择相应的edgeHelper。