camera.js

move(orientation, position) {
    this.isAnimated = true;
    let temp = new THREE.Vector3();
    let start = new THREE.Spherical().setFromVector3(this.camera.position);
    let finish = new THREE.Spherical().setFromVector3(position);
    if(Math.abs(start.theta-finish.theta)>Math.PI){
      if( Math.abs(start.theta-finish.theta - 2*Math.PI) <Math.abs(start.theta-finish.theta + 2*Math.PI)){
        finish.theta +=2*Math.PI
      } else{
        finish.theta -=2*Math.PI
      }
    }
    gsap.to(this.controls.target, {
      duration: 2,
      x: orientation.x,
      y: orientation.y,
      z: orientation.z,
      ease: "power2.inOut",
      onUpdate: () => {
        this.controls.update();
        this.isAnimated = false;
      },
    });
    gsap.to(start, {
      duration: 2,
      radius: finish.radius,
      phi: finish.phi,
      theta: finish.theta,
      ease: "power2.inOut",
      onUpdate: () => {
        this.camera.position.copy(temp.setFromSpherical(start));
      },
    });
  }