Extended map controls

[LauritzOffe]

I want camera control like in this example: Explore – Lewa House
However, I have the problem that when I tilt the camera downwards so that it looks at the map, the axis of rotation changes. This affects the viewing direction to the left and right when hovering over the screen with the mouse.

How can I rotate the camera axes independently of each other?

Thanks for the help in advance

[PavelBoytchev]

Is it this what you want to achieve (no rotations used):

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

And here is my default offtopic info.

[LauritzOffe]

Yes, that was what I was looking for.

Thanks

[vielzutun.ch]

@LauritzOffe

How can I rotate the camera axes independently of each other?

Although you seem to be happy with the solution by @PavelBoytchev, you may find this resource helpful as well:

Controlling the effects of rotations about multiple axes

Ladies, Gents, it was a casual remark by @donmccurdy which made me aware of the fact, that rotations about multiple axes pose problems for some. And it reminded me of how I solved that problem for myself when developing the SpaceMouse driver for Three.js. So I thought, I’d share my approach with you. Humans typically lack the sensual experience of a tilted horizon. So a titlted horizon is typically not intuitively comprehended, which may contribute to any confusion that may arise in that conte…