What are ways to make the app more interactive.

[suvel-the-dev]

Searching answer for :

• Is there a way to improve the performance of OrbitControl?
• Is there a way to lower the resolution of mesh when they are not focused(viewing from a top angle), will that optimize the application?

Context

I'm developing a rect+r3f to simulate a warehouse. I'm dealing with a large number of mesh and camera angles that show more mesh in the scene. The Orbitcontrol is very laggy on some views, especially the top view where most meshes are in the scene.

Git Repo

[drcmda]

yes and yes.

level of detail https://twitter.com/0xca0a/status/1413600110177574915

adaptive regression https://twitter.com/0xca0a/status/1407371461447368705

generally there's lots of things you can do. bake. calculate shadows only once. instancing. it's not the orbitcontrol that's laggy, its the amount of objects the gpu has to draw. if you have lots of objects you need to reduce drawcalls (instancing) and vertices (in blender or gltf-transform).

you also need to re-use materials and geometries if they're the same or else you have countless of programms and gpu things that need to get loaded for each draw call.

i also see some strange things like this:

<boxGeometry args={[
                dim.width + rackBasePadding,
                dim.height,
                dim.depth + rackBasePadding,
            ]} />

that is not correct. you will re-create the geometry every time args change.

better:

<mesh scale={[dim.width + rackBasePadding, dim.height, dim.depth + rackBasePadding]}>
  <boxGeometry />

[suvel-the-dev]

Thanks, @drcmda.

I did update the components as you suggested and was able to see the change in the performance.
I am currently implementing the LOD in my project by referring to your example. But mine is working a bit differently, in your example the LOC of an object changes with respect to camera position, but in mine all the objects are changing instead on just the one that are near camera. I am not able figure out what is wrong here.

My Codesandbox