javascript - Three.js 如何显示/更新几何段？

Question

我在 THREE.Scene 中有一个简单的 TRHEE.BoxGeometry。我想显示几何段(而不是网格)的轮廓。

我发现了一个example here这正是这样做的，但我无法重现。

给定example如下图所示。

如何显示线段轮廓以及如何在运行时更新几何图形？

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);

这是一个 fiddle :http://jsfiddle.net/nss1n5tv/

您可以使用wireframeLinewidth来指定线条的粗细。