I want to build a scene which is going to have 100 low-poly OBJ models with texture and want to render the scene in the most optimal way possible. I have heard that the browser/WebGL crashes when loading a heavy model. Can you tell me what is the best possible way to go towards it as I am yet to start to build the project and wanted some insights before starting with any approach?
I want to also know that whether say I have an OBJ file ~500 MB, it will be possible to split the load of the OBJ file in chunks so that the browser doesn’t crash?
One approach that I have thought of is to load the grayscale of OBJ only and once it’s loaded completely traverse over its meshes and apply the corresponding texture on it one-by-one. This will definitely slow-down loading of the scene but I think it will be able to solve the problem of browser/WebGL-crash, or will it – I suspect that this is not a good way of optimizing, if not, then how should I go about it?