novato en threejs aquí.
Tengo un cubo con diferente color en cada cara. El cubo se puede rotar usando OrbitControl y tengo 6 botones en Dat.GUI para controlar la posición de la cámara. El objetivo es hacer clic en "Animar a rojo", la cámara de control de órbita se moverá a la cara roja desde su posición actual en una ruta circular, la cámara "Animar a azul" se moverá a la cara azul y así sucesivamente...
Tengo el botón "Animar a rojo" funcionando un poco en este momento, pero no creo que mi solución sea la correcta. ¿Puede alguien señalarme la dirección correcta? Gracias
Aquí está mi enlace de codesandbox https://syckkt.csb.app/
Así que implementé una solución a su código aquí: https://exciting-haslett-vfbojd.csb.app/
La idea es tener una lista de vectores unitarios que representen cada lado y luego animar la cámara a esa posición. Si el lado está en el lado opuesto de la forma, primero animamos a un lado perpendicular y luego hacia nuestro lado de destino. Sólo tienes que comprobar el código que está todo allí.