gltf model instancedMesh question

[neciszhang]

Hi, I import a gltf model, it's return like

<group>
<mesh-box>
    <meshA/>
    <meshB/>
    <meshC/>
</mesh-box>
</group>

I wan't the mesh-box as a instancedMesh(include meshA,meshB,meshC),could you give me some ideas? Thanks a lot!

[rabelais88]

no you can't. An instancedMesh only accepts one geometry and one material,
as stated in Three.js official doc.
there are two possible solutions for this:

1. just use drei/useGLTF() with mesh and rely on its caching ability. the performance drop is unnoticeable in most simple use cases.
2. put multiple instancedMesh and move the positions altogether to the same position by accessing their refs. IMO, it gets really messy.

[neciszhang]

Thank you very much!

[bhushan6]

Oh but you can merge the geometries and use meshFacematerial to merge the materials in one, so you will have one geometry and one material and now you can instanced mesh it.

[neciszhang]

Nice, i will try it. Thanks for your response!