MeshEdgesGeometry

MeshEdgesGeometry is a simple class to extract edges from a Three.js object – a mesh or a group with children. The hierarchy and substructures of the input object are flattened out. Their positions, scales and rotations are baked into world coordinates.

MeshEdgesGeometry is like THREE.EdgesGeometry, except that it does not work on THREE.BufferGeometry, but on THREE.Object3D.

Code example

var box = new THREE.Mesh(
	new THREE.BoxGeometry( 2, 2, 2 ),
);
		
var edges = new THREE.LineSegments(
	new MeshEdgesGeometry( box ),
	new THREE.LineBasicMaterial( {color: 'black'} )
)

Demonstrations

Somewhat minimalistic demos of using MeshEdgesGeometry on a cube, on a group of pyramids and on GLTF models. Click on an image to run it live:

Source code

https://github.com/boytchev/MeshEdgesGeometry

This site is open source. Improve this page.