How do I outline a group of meshes?

I want to use the Outline Pass on a gltf object that is composed of several meshes. Now, I can do it perfectly with Raycasting + Outline Pass when an object has one mesh, but when I hover over an object with several meshes, it outlines the meshes one by one, not the whole object. I tried targeting the parent, grouping the meshes and etc… No bueno whatsoever. I know, it might be impossible.

For super detailed geometries it may not be a good solution - but for smaller ones, you can try merging the geometries. Merge, hide and place that merged mesh in the same spot as the original one, then use it as a target for the outline pass.

I have a gltf model.

I don’t know how I did it yet, it comes from a wrong result in debugging, but it seems to meet the needs. (Should be related to blur)

Oh, on my pixelRatio 1 pc the contour is obvious. But it’s hard to see on high pixelRatio mobile.

This must be a result of selective feature.

	this.metalnessOnMaterial = new MeshBasicMaterial( {
		color: 'white'
	} );

	this.metalnessOffMaterial = new MeshBasicMaterial( {
		color: 'black'
	} );

1 Like