Just starting out in the world of threejs.
I've managed to create a cube with different colors on each face. This cube can be rotated using OrbitControl, and I have 6 buttons in Dat.GUI that control the camera position. My goal is to click "Animate to red", which will move the orbitcontrol camera to the red face from its current position along a circular path. Similarly, clicking "Animate to blue" will move the camera to the blue face, and so on...
Currently, I have the "Animate to red" button somewhat working, but I feel like my solution might not be correct. Can someone guide me in the right direction? Thank you!
You can find my codesandbox link here: