Three.js +导入模型：如何显示边缘线？

Question

我加载了通过convert_obj_three.py从3DSMAX导出的.js模型，并使用“纯色”对象显示了该模型。

loader.load( 'try.js', function ( geometry, materials )
{
    var mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial(materials));
    scene.add( mesh );
});

渲染模式是基本的和描述性的（此示例中没有材料）。 现在，我尝试添加边缘（“隐藏线”模式）以获取这种渲染（来自3DSMAX的图像） 。

目的是向MeshFaceMaterial添加彩色边缘（线条颜色将是与面相同的对象“纯色”）。

我注意到我们可以附加材料（例如在此stemkoski示例中），但无法使用我的材料json进行添加，您将如何处理？

Answer 1

如果您的几何是instanceof THREE.Geometry而不是instanceof THREE.BufferGeometry（对于BufferGeometry未实现线框），则可以通过将这条线添加到场景中（除了现有的线之外）来达到所需的效果：

scene.add (new THREE.Mesh (geometry,
    new THREE.MeshBasicMaterial ({ color: 0x00ffff, wireframe: true })));