How to limit the orbcontrols' scope to specific area in three.js

Questions
1

Hello, everybody.
I tried house visualizer as I mentioned in previous topic.
So my problem is how can I limit the orbitcontrols’ working area to local area.
To be honest, orbitcontrols’ drag(mousemove) event is efficient in whole window.


But I want to limit this scope to only canvas.
Is there any solution for this?

2

Can you please show how you create the instance of OrbitControls in your app?

1 Like
3

Pass your canvas element in the second parameter of the constructor like

new THREE.OrbitControls( camera, canvas );

2 Likes
4

Yeah, great. Perfect.
It works well.
thanks for your help, Mr. Fyrestar.