Three.js +导入型号:如何显示边线?

时间:2013-05-06 10:55:20

标签: javascript three.js webgl

我通过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无法做到这一点,你会怎么做?

1 个答案:

答案 0 :(得分:4)

如果您的几何体是THREE.Geometry的实例而不是实例THREE.BufferGeometry(没有为BufferGeometry实现线框),那么您可以通过将此线添加到场景中来实现所需的效果(除了您拥有的线条之外):

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