MapControls with rotation three.js

Questions
1

I wanna make the camera move like in this url . MapControls work fine for me except the rotation . any ideas about how to implement rotation functionality like in the url ?

2

Maybe it would be helpful to explain better what effect you want to achieve. I looked at the URL and I found two different things that might be considered rotations:

  • the rotation done with the right mouse button
  • the rotation done with the left mouse button
3

thanks for replying. what i want to achieve is the rotation done with the left mouse button.

4

Next question:

  • you want to rotate with the left button (instead of the right button)
  • you want to rotate in the opposite direction of the default rotation
5

I want to use the left mouse button for the camera movement (forward, backword, rotate left, rotate right)
as in this gif

6

Thanks for the explanation, I understand now. You want horizontal motion of the mouse to make left-right rotation, while the vertical motion to make forward-backward panning. I’m not sure this is possible in MapControls. You may consider these options:

  • make own camera motion by capturing mouse motion
  • modify the source of MapControls to work as you want

The first option might be easier and faster to implement.

Edit: Here is a demo of the first option. The red sphere only indicates the camera target position, the sphere is not used for the navigation.

https://codepen.io/boytchev/full/LYgEMPM

image

1 Like
7

thanks a lot this is what i was looking for.

1 Like