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

渲染模式是基本的和描述性的（本示例中没有材料）。现在我正在尝试添加边缘（“隐藏线”模式）以获得this kind of render (image from 3DSMAX)。

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

我注意到我们可以附加材料 (like in this stemkoski example) 但无法使用我的材料 json 执行此操作，您将如何做到这一点？

Answer 1

如果您的几何图形是 instanceof THREE.Geometry 而不是 instanceof THREE.BufferGeometry（未为 BufferGeometry 实现线框），那么您可以通过将这条线添加到场景中来实现您想要的效果（除了您拥有的那条线之外）：

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