InstancedMesh example about three-mesh-bvh HOT 1 CLOSED

A clear and concise example how to use this, and even more how to use raycasting to get intersected objects. For example what im trying to do is, simply get the index of clicked object.

There's nothing different that has to be done for instanced mesh. You can access the intersected instance the same way you can with the native three.js raycast functionality:

const hit = raycaster.intersectObjects( scene.children )[ 0 ] || null;
if ( hit ) {

  // the instance id of 
  console.log( hit.instanceId );

}  

Here's a jsfiddle showing how:

https://jsfiddle.net/87e95yzx/7/

Is that what you're looking for?

Even when using the mesh.geometry.computeBoundsTree();, my bounds tree looks like this which seem incorrect...

The BVH is only generated for the single geometry and reused, and the helper is positioned at the origin of the passed in InstancedMesh. No BVH is generated for the set of instances at the moment. Perhaps it would be more clear to show the helper at the position of the first element in the InstancedMesh?

from three-mesh-bvh.