Is there an way to show/export model wireframes?

EdgesGeometry is fine if you are starting with a solid mesh and just need to show its edges. But if you want to bring artisanally crafted lines from Blender into three.js there’s a better way:

  1. Select mesh, go to Edit mode Tab
  2. Open Menu Search, Fn+F3 on macOS
  3. Select “Mesh → Delete → Only Faces”

  1. Check result, edit the lines if you want

  1. File → Export → glTF
  2. Enable “Mesh → Loose Edges” in export settings
  3. Export and view

This comes into three.js as THREE.Line, THREE.LineLoop, or THREE.LineSegments objects. Unlike when exporting a solid mesh, quads and n-gons are not triangulated, you just get lines. Same method will work for point clouds, too, if you delete edges instead of just faces.

7 Likes