Noob question: How to rotate using mouse wheel on scroll using OrbitControls?

Hi there, so in this project, I have a project that is using OrbitControls and that should rotate , just like if it’s rotated with left click drag (something like this):

but instead, in this case I would like to use the scroll mouse wheel event to rotate along a certain axis.

In which it brings the second question, as I am actually unsure which position and or axis is to be set. Is it the PerspectiveCamera’s or the PerspectiveCamera’s Position?

Thank you very much!

The wheel event is mapped to dolly/zoom and it’s not possible to change this by configuration. So to implement this feature, you have to modify OrbitControls.

I’m not sure I understand the difference between “PerspectiveCamera’s” and PerspectiveCamera’s Position. Can you please explain in more detail?

1 Like


I’ve figured this out!

First of all, nevermind this one. :slight_smile:

Thanks for the reply. I’ve been messing around with OrbitControls.js, but still did not manage to get it working. I think the problem is because the scroll has WheelEvent and the left click has MouseEvent. Both have different properties. However, would you be able to help me?

Thanks again!