How to move camera one position to other position smoothly

[chetan]

Please do not forget to add a link to a Playground to get a faster answer:

Hi all,
How to move camera one position to other position smoothly.

for example on screenshot if click on Box mesh camera travel to mesh position smoothly.

[mawa]

Hi,
I believe the answer is around using an animation for changing the camera position and for the ‘smooth’ effect apply bezier curves to the camera.
Probably one of the threads below would be a good start:

arcRotateCamera smoothly effect

Hi, guys I want a effect about camera when I mouse move(not click or drag), the camera’s alpha, beta will smoothly change a little bit just like the example below how can do that, or what is the key word thank u ! https://hinderer-wolff.fr/cepages-alsace https://chartogne-taillet.com/en https://skolkovoforbusiness.ru/en/features/#home

Animation speed question

I have a playground here Camera movement | Babylon.js Playground (babylonjs.com) I set the end frame to be 20 in the example, I get a question about how to solve if the camera is changing from 180 degree to the “sphere1” position or just 20 degrees to the “shpere1” position? If I all set end frame always to be 20, the move from 180 degree will be too fast, is there any thing like camera max speed or calculate the new ‘end frame’ based on distance to the “sphere1” position? Any good suggestion …

Else, let me know and try to post a PG of your case. It always make things a lot easier to debug and share.
Meanwhile, have a great day

[JohnK]

Another alternative

Babylon.js Playground

[mawa]

@JohnK

alternative

Huh… this looks pretty much like an animation to me
But then, you provided the PG so thanks for that
And yes, it is smooth indeed

[labris]

Do you use Universal camera or ArcRotate camera?
Implementations may differ.

[chetan]

@labris

Universal camera

I have Universal camera