THREE.js。在應用EdgesHelper後更改網格位置

Question

我嘗試在應用EdgesHelper後旋轉或更改網格的位置，但它不起作用 - 網格停留在相同位置。 （沒有EdgesHelper它工作正常）。我究竟做錯了什麼？

var mesh = new THREE.Mesh(geometry, material); 
var edges = new THREE.EdgesHelper(mesh, 0xcf0000); 

edges.position.z = 100; 
edges.position.x = 100; 

scene.add(edges);    

Answer 1

尋找THREE.EdgesHelper的來源，似乎將matrixAutoUpdate設置爲false。這可以防止計算每次更新時的位置和旋轉。

https://github.com/mrdoob/three.js/blob/master/src/extras/helpers/EdgesHelper.js

設置EdgesHelper的matrixAutoUpdate到真正應該做的伎倆，但設置新的位置或旋轉後調用.updateMatrix（）功能似乎更清潔。

Answer 2

我有同樣的問題，建議我說：

 egh.matrixAutoUpdate = true; 

，邊緣和立方體跟着我座標我用：

 var cube = new THREE.Mesh(new THREE.CubeGeometry(width,height,depth), 
         new THREE.MeshBasicMaterial({color: 0x00AA00, side:THREE.DoubleSide, opacity: 0.5, transparent: true })); 
     scene.add(cube); 

     var egh = new THREE.EdgesHelper(cube, 0x777777); 
     egh.material.linewidth = 1; 
     egh.position.x = cube.position.x; 
     egh.position.y = cube.position.y; 
     egh.position.z = cube.position.z; 
     egh.matrixAutoUpdate = true; // this helped 
     scene.add(egh);