After spending about a day in the office debugging, I figured out that my GPU is not being used for the rendering. With the Intel UHD Graphics 630 I am getting horrendous issues and a 100% workload on that GPU. However, it appears that I have (in my work laptop) an Nvidia Quadro P600.
The thing is, I can’t assume people have a powerful graphics card. Which brings me to my question.
Why is my performance so bad, even though I am not doing that much on the screen?
For background on the project, it is a configurator for a product. all the elements that are onscreen can be configured by the user (adding various options to the sides, change size of frame etc…) You can compare it to a car configurator where you can select the options you would like.
The main framerate issue I am seeing is when I use the transformcontrols (clicking on one of the objects and trying to move them. The gizmo appears when you click on it). Even after I disable that, performance takes a serious hit. Though I don’t know for sure why that is the case.
Edit: Meshes and data is added in the threejs.component.ts and most of the codebehind is in the threejscontroller.ts