Outline effect with InstancedMesh?

[ternpixel]

Can the Outline effect be used to highlight a single instance of InstancedMesh?

E.g.

<EffectComposer>
  <Outline
    selection={instancedMeshRef} // somehow target 1 instance?
    blendFunction={BlendFunction.ALPHA} 
    edgeStrength={10} 
    visibleEdgeColor={0xff0000}
    width={Resizer.AUTO_SIZE} 
    height={Resizer.AUTO_SIZE}
    kernelSize={KernelSize.LARGE} 
  />
</EffectComposer>

If not, would there be a recommended approach to show any sort of highlight effect around a single mesh in an InstancedMesh (besides changing the color)?

Appreciate any thoughts!

[m4cn4ir]

Are there any updates on this? Have you found another solution?

Currently, when hovering an instanced mesh, I am just adding this as a "regular" mesh to the scene. It receives the same position, scale & rotation as the instanced mesh and can then be used for the outline. It works quite well but is just a tedious workaround.

[RenaudRohlinger]

Instead of doing a heavy post process you could just render twice the instanced mesh, one time scaled up 1.005 full black and backside only, and a second time frontside scale 1. This is the most common way of doing a clean cell shading

[bhushan6]

How that will work with single object of instanced mesh? Wouldn't that'll give a border to all the meshes? I wanna do the same thing but not sure how can I do that.

[drcmda]

make one extra mesh using the same geometry, set to backside/black?

[gsimone]

@bhushan6 here's a simple example :) https://codesandbox.io/s/r3f-inverted-hull-z5tqm?file=/src/Suzanne.js

It uses a custom shaderMaterial because I wanted to add distortion to the outline, but you can just as well use a regular meshBasicMaterial and apply some scaling to the hull mesh