javascript - Three.js + imported model : how to display edge lines? - Stack Overflow

admin管理员组

文章数量:1429085

I load a .js model exported from 3DSMAX via convert_obj_three.py and display it using objects 'solid color'.

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

The render mode is basic and descriptive (there is no material in this example). Now I'm trying to add edges ('hidden lines' mode) to get this kind of render (image from 3DSMAX).

The aim would be to add colored edges to the MeshFaceMaterial (lines color would be the same object 'solid color' than faces).

I've notice that we can append materials (like in this stemkoski example) but not been able to do that with my materials json, how would you do that ?

I load a .js model exported from 3DSMAX via convert_obj_three.py and display it using objects 'solid color'.

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

The render mode is basic and descriptive (there is no material in this example). Now I'm trying to add edges ('hidden lines' mode) to get this kind of render (image from 3DSMAX).

The aim would be to add colored edges to the MeshFaceMaterial (lines color would be the same object 'solid color' than faces).

I've notice that we can append materials (like in this stemkoski example) but not been able to do that with my materials json, how would you do that ?

• javascript
• three.js
• webgl

Share Improve this question Follow edited May 6, 2013 at 11:08 jeum asked May 6, 2013 at 10:55 jeumjeum 1,09433 gold badges1414 silver badges3030 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

If your geometry is instanceof THREE.Geometry and not instanceof THREE.BufferGeometry (wireframe is not implemented for BufferGeometry) then you can achieve the effect you want by adding this line to your scene (in addition to the one you have):

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

本文标签： javascriptThreejsimported modelhow to display edge linesStack Overflow