How to rotate the camera around an object like in Blender (without visually moving the object to the center of the screen)?

womas · June 20, 2022, 11:05am

In Blender you can rotate the camera around an object even if the object is not in the center of the screen (with the Orbit Around Selection option enabled):

How to do the same in Threejs?

Mugen87 · June 20, 2022, 12:39pm

Related: Offset OrbitControls pivot point

What you are looking for is not possible with OrbitControls or TrackballControls. Both classes assume the focus and orbit point are the same. Please use the external camera-controls library:

Check out the “focal offset” demo.

womas · June 20, 2022, 12:58pm

Thanks. That’s exactly what is needed.

Topic		Replies	Views
Rotate camera rather than object Questions camera , controls	12	4883	March 17, 2022
Pivot camera around object on drag (ThreeJS) Questions camera , orbit-controls	3	3890	December 1, 2020
Animate Camera to look at the center of an object regardless of the object's rotation Questions animation , rotation	0	359	January 16, 2023
While updating the controls target to the position in orbit control moving the object to the center Questions orbit-controls	1	2406	June 12, 2020
How to make camera rotate around the object? Questions	1	1096	February 10, 2022

How to rotate the camera around an object like in Blender (without visually moving the object to the center of the screen)?

Related topics