How to crate camera animation like on example?

Questions
1

Greeting.
I wish to create animation when you click to parts of the model, It launches smooth camera animation, like on an example (clickable link) - select Design and choose any shirt part.
I know that not a three.js job, probably animations created on separated software. How can I get similar results and what tools should I use?

2

I’ve recently developed this live example for a different topic but it also fits here: https://jsfiddle.net/rsf3h9yo/1/

One solution for this issue is to animate the camera and/or controls properties via a library like GSAP 3. For example if you are using OrbitControls and you want to change the focus point by an animation, you can do this:

gsap.to( controls.target, {
	duration: 1,
	x: 10,
	y: 0,
	z: 0,
	onUpdate: function () {
	
		controls.update();
	
	}
} );