Three.js如何顯示/更新幾何段？

Question

我在TRHEE.BoxGeometry中有一個簡單的THREE.Scene 。 我想顯示幾何段的輪廓（而不是網格）。

我在這里找到了一個可以做到這一點的示例 ，但是我無法復制。

給定的示例如下圖所示。

如何顯示線段輪廓，以及如何在運行時更新幾何？

Answer 1

您可以使用geometry.clone創建第二個網格副本。

material = new THREE.MeshPhongMaterial();

var geometry = new THREE.BoxGeometry(200, 200, 200);
mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);


var material2 = new THREE.MeshPhongMaterial({
  color:0xFF0000,
  wireframe:true
});
mesh2 = new THREE.Mesh(geometry.clone(), material2);
scene.add(mesh2);

這是一個小提琴： http : //jsfiddle.net/nss1n5tv/

您可以使用wireframeLinewidth指定線的粗細。