Three.js: I expect have a controls can support zoomed and rotated with the current mouse position in screen

Created on 9 Jun 2020  Â·  11Comments  Â·  Source: mrdoob/three.js

such as navisworks viewer behavior。。。

Most helpful comment

Sorry, I find the rotation behavior in https://api.bimface.com/preview/16442f9e very confusing.

Zooming to cursor makes sense to me; rotating around the cursor does not. Maybe someone else has a different opinion...

All 11 comments

Do you mean #17145? It zooms to cursor, but rotates around center -- not the projected cursor position.

Do you mean #17145? It zooms to cursor, but rotates around center -- not the projected cursor position.

yes...this question some example google can find all have rotate problem... I feel it is very difficult for me to realize this function...

all have rotate problem

Sorry, I do not understand what rotation behavior you want. A video would be helpful.

all have rotate problem

Sorry, I do not understand what rotation behavior you want. A video would be helpful.

https://api.bimface.com/preview/16442f9e ,such as this site you will find you can make current mouse cursor position in screen as zoom and rotate‘s center.

The autodesk's navisworks is the same logic。。。

all have rotate problem

Sorry, I do not understand what rotation behavior you want. A video would be helpful.

the orbitcontrols rotate target always in the center of screen,

all have rotate problem

Sorry, I do not understand what rotation behavior you want. A video would be helpful.

such as obrit controls the rotation center always in the center of screen, it have many problems when I want to zoom by the mouse cursor position。。。

Sorry, I find the rotation behavior in https://api.bimface.com/preview/16442f9e very confusing.

Zooming to cursor makes sense to me; rotating around the cursor does not. Maybe someone else has a different opinion...

I'm with @WestLangley on this one. Rotating around the cursor is very un-intuitive and can quickly move the model off-screen, making it difficult to bring it back on.

rotate

The autodesk's navisworks is the same logic

This video explains how zooming and rotating work in Navisworks: https://youtu.be/9CAoruSqA4A?t=78

A "pivot point" is set using a raycaster-like feature.

I do not see three.js implementing an API like that.

The autodesk's navisworks is the same logic

This video explains how zooming and rotating work in Navisworks: https://youtu.be/9CAoruSqA4A?t=78

A "pivot point" is set using a raycaster-like feature.

I do not see three.js implementing an API like that.

yes...The other important feature is you can directly zoom in or out at your mouse position ,and the orbit controls you must use mouse right button move the you want scene to the screen center。。。

The other important feature is you can directly zoom in or out at your mouse position

But this should be implemented via #17145.

Closing. I think it makes senes to focus on #17145 in order to bring "zoom-to-cursor" in production.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

yqrashawn picture yqrashawn  Â·  3Comments

clawconduce picture clawconduce  Â·  3Comments

seep picture seep  Â·  3Comments

Horray picture Horray  Â·  3Comments

makc picture makc  Â·  3Comments