I am working on a project where I import GLTF and clone them multiple times to display in the scene. I need to access each of this later for a use case.
However, this is causing a lot of draw calls per frame (5000-6500) depending on the viewport and hence consumes a lot of memory and reduces the FPS.
I had gone through multiple posts here and on Stackoverflow but every post talks about either a mesh created from scratch inside three js or OBJs using a single material.
Our GLTF consists of multiple sub meshes and object3Ds and I was looking around if there is a way to instance this complete GLTF instead of cloning them to reduce the draw calls.
Any suggestion or direction is greatly appreciated.
P.S: I do not have a lot of experience writing custom shaders and if need be where should I look to start writing custom shaders for such use cases.
Thanks in advance, cheers!