I have a website which I have set up using react three fiber. The site contains 4 different 3d models which lerp around. After, not too long, my processor/gpu starts going crazy because, I'm assuming, there is a memory leak somewhere..
I have stripped back the site so that it is just one example of a moving 3d model:
https://codesandbox.io/p/github/unegma/threejs-optimisation/draft/quiet-surf?file=%2Fsrc%2FApp.tsx
I'm wondering if I need to write some script which calls dispose after a certain time period, and then reload the whole scene, or maybe I am missing something..
Is it the 'movement' which is causing the gpu overload, or is the glb too big maybe? Any thoughts on how to handle this properly would be appreciated.
Thanks.
