Drawing edges of a mesh in Three.js

Question

Is there something as Stroke to draw the edges of a mesh?

I would like to have my object to look like this:

Answer 1

If you want to render only the edges of your mesh, you can use EdgesGeometry.

const geometry = new THREE.EdgesGeometry( mesh.geometry, thresholdAngle );

const material = new THREE.LineBasicMaterial( { color: 0xffffff } );

const wireframe = new THREE.LineSegments( geometry, material );

scene.add( wireframe );

You can also use THREE.WireframeGeometry.

For an example showing how to render both edges and faces, see this stackoverflow answer.

three.js r.166