I’ve designed a 3D model by using Blender. When I export the model to the glb format and import to the threejs online editor(three.js editor) mouse movements are very quick. But when I import the model to the my project it’s been so lagging. I think Fps value is very low. I’m using OrbitControls and the render function only works with OrbitControl’s change event. What is the main problem for this lagging issue. When I use this command “renderer.info.render.calls” it returns 631 value.
Thanks for your help @Mugen87 . Actually my 3dmodel’s object count was around 98000. But by redesigning my 3d model, I was able to reduce the number of objects to around 10 thousand. What should be number of draw call and the vertices count to achieve maximum performance? I’ve many shelves in my model and I can’t merge these shelves. Because I need to click on the shelves individually and I should be able to paint some shelves programatically. I made a single object by always combining most objects except shelves.
Actually my 3dmodel’s object count was around 98000. But by redesigning my 3d model, I was able to reduce the number of objects to around 10 thousand. What should be number of draw call and the vertices count to achieve maximum performance?
The rule of thumb is usually <100 draw calls, and each Mesh is usually a single draw call, so 10,000 is still too many. A performant application rendering what you show would need to combine the shelves, and then find other ways to support selection and painting on the merged shelves. This is a good example, where all spheres together are drawn by one InstancedMesh, while still supporting selection and painting: