javascript - How to rotate camera towards point in 3d?

Question

I've got a camera somewhere in a 3d space. I need to calculate angle between camera and a given point.

I can't use lookAt() method (nor any built-in Controller), because I'm also rotating camera on mousemove and want to animate the rotation.

In a word: how to change camera.rotation to make it look at specified point?

question from:https://stackoverflow.com/questions/65830332/how-to-rotate-camera-towards-point-in-3d

Answer 1

The typical approach for rotating a 3D object towards a target is the usage of Quaternion.rotateTowards(). It's usage is demonstrated in the official example webgl_math_orientation_transform.

The important bit of this approach is:

camera.quaternion.rotateTowards( targetQuaternion, step );

targetQuaternion represents the target orientation whereas step represents the angular step in radians. This value should honor the time delta for a correct animation.