THREE.js move Orthographic camera up and down without changing camera orientation

Question

I am using Orthographic camera with OrbitControls and it works fine for zooming in and out (with mouse scrollwheel) and panning left and right (holding mouse right button down).

But I would also like to be able to "pan" the camera up & down (I believe the technical term is "boom" or "jib").

OrbitControls doesn't provide this motion.

What can I do to drive such a vertical motion from the mouse?

M - · Accepted Answer · 2020-11-20 04:05:17Z

3

You can set which mouse buttons perform which action with OrbitControls.mouseButtons. It sounds like you already have rotating and dolly (AKA zoom in/out), but you still need to set the desired pan (up/down/left/right) button.

controls.mouseButtons = {
    LEFT: THREE.MOUSE.ROTATE,
    MIDDLE: THREE.MOUSE.DOLLY,
    RIGHT: THREE.MOUSE.PAN
}

Don't forget to also set the .screenSpacePanning property to either true or false, depending on what your desired behavior is. My guess is you want it set to true, but play with it to get the desired result.

answered Nov 20, 2020 at 4:05

M -

28.7k12 gold badges56 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

steveOw Over a year ago

Thanks for the reply but Left/right panning was already working and it seems that OrbitControls does not provide up/down panning.

Collectives™ on Stack Overflow

THREE.js move Orthographic camera up and down without changing camera orientation

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related