THREE: Controls are not smooth due to lots of models

Question

I am developing a room in threejs and there are lot of models like sofa, walls, floor, curtain, rug, table, wall-panel, etc. (all are 3ds max models). So my problem is the controls are not smooth, I have tried orbital as well firstPersonControls but all are getting janked while operating. Please help?

Answer 1

You should try to reduce the models details of the mesh in favor of providing details in the texture map images (bump map etc.).

Basically you can load initially low quality models and if the frame rate is still good (maybe 20 fps and up) start adding in the more detailed versions.

If it's really bad, notify them they should try it on a faster device or desktop. If this is on your fast machine/device, then try one model at a time to isolate when or where there's something else going on that's wrong.

Otherwise I'm sure there's a handful of features to disable from double-sided to aliasing etc. Same with lights and shadows etc. Isolate the problem or reduce the models and features. Again you can do this optimization and problem analysis on lights and shadows too.