Three.js：EdgesHelperとメッシュを一致させる方法

Question

シーンには、いくつかのメッシュオブジェクト（キューブ）が追加されています。各キューブに対してEdgeHelperが作成されています。キューブが移動して回転し、Edgehelpersが移動して回転します。

関連するキューブメッシュが選択されている場合、EdgeHelperの色を変更したいと思います。 （選択方法は重要ではありません）。

特定のキューブメッシュを指定すると、関連するEdgeHelperオブジェクトはどうやって見つかりますか？

Answer 1

あなたが与えられたmeshためedgesHelperを作成し、あなたがメッシュに新しいプロパティを追加するだけですが：

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

：

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

var edgesHelper = new THREE.EdgesHelper(mesh); 

mesh.edgesHelper = edgesHelper; 

は今、あなたがそうのようなヘルパーの色を変更することができます

three.js r.76

Answer 2

あなたは彼らに同じ.name属性に割り当てることができ、メッシュとEdgeHelpers作成：メッシュが選択されている場合

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を選ぶことができます。