Hi, thank you so much for your reply and introducing on-demand rendering to me. I tried to implement this instead of having an animation loop and its working! It’s finally not blowing up my fans anymore, thank you! However I’m having some trouble to call the render() function on ‘click’…
I have two presets in my dat.gui that would change the hand’s posture when clicked. I tried .onChange(render) for the two presets but the model does not move unless I scroll or drag the model(which I understand is because we have orbitControl controls.addEventListener( 'change', render );). The slider parts of the gui works fine.
//hand position preset
gui.add(options, 'relaxed').name('👉Relax Hand').onChange(render);
gui.add(options, 'reset').name('👉Reset Hand Posture').onChange(render);
Besides the gui, I also wanted scene.remove( plane ) , scene.add( plane ) and changing the camera.position.set when clicking on certain div. I tried document.addEventListener('click', render); but it only works the very first time I click, any other times I click, the scene would not render unless I scroll or drag…
What am I missing here?
Sorry to bother again due to my lack of knowledge…