Three.js +导入模型:如何显示边缘线条

Three.js + imported model : how to display edge lines?

本文关键字：显示 边缘 何显示 js 导入 模型 Three      更新时间：2023-09-26

我加载了一个通过convert_obj_three.py从3DSMAX导出的.js模型，并使用对象'solid color'来显示它。

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

呈现模式是基本的和描述性的(在这个例子中没有材料)。现在我试着添加边缘("隐藏线"模式)来获得这种渲染(来自3DSMAX的图像)。

目的是为MeshFaceMaterial添加彩色边缘(线的颜色将是与面相同的对象'纯色')。

我注意到，我们可以附加材料(像在这个stemkoski的例子)，但不能与我的材料json，你会怎么做呢?

如果几何体是instanceof THREE。Geometry而不是instanceof THREE。BufferGeometry(线框不是为BufferGeometry实现的)然后你可以通过添加这一行到你的场景(除了你有)来实现你想要的效果:

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