camera.js

import gsap from "gsap";

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);

    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));
      },
    });
  }