Animating a camera flip

Questions
1

Hi all,

just a quick question regarding camera.up.set(0, -1, 0);

I have a (controls) camera orbiting a scene, and when the user dips his mouse beneath the floor, the camera flips into a new world. Just wondering how to animate that flip instead of having it happen instantly.

Im using camera.up.set(0, -1, 0); to flip the camera. Would anyone happen to know how to stretch that flip over a few quick milliseconds? Point is to let the user experience a quick whirl to let them get whats happening as they dip beneath the floor.

function onPositionChange(o) {
if (camera.position.y < -0.1){
camera.up.set(0, -1, 0);
}
}

This is the example
https://www.jopl.de/2/57.html

Cheers, me

2

Maybe you can use functionality from these examples?

From the Collection of examples from discourse.threejs.org :

SmoothChaseCamera
TweenCamera
MovingCameraAlongSpline
CameraEllipseCurve
CameraGSAP
CalculateCameraDistance
CameraFollowObject

3

Thank you, I can’t get GSAP to apply 3D axial rotation though…

4

I imagine the answer lies in Trackball controls –

Check out the rotate function

" However, it does not maintain a constant camera up vector. That means if the camera orbits over the “north” and “south” poles, it does not flip to stay “right side up”.