OrbitControls＆TransformControls每視

Question

我在4個視口中的場景分割用2個PerspectiveCamera和2 OrthographicCamera。

直播示例：http://stemkoski.github.io/Three.js/Viewports-Quad.html

當我使用OrbitControls對於第一相機我必須的DOM元素這是整個畫布場景，而不是特定視圖分配。 TransformControls也一樣。

我如何使用它們每個攝像機視？

Answer 1

您可以爲每個視口，但同樣一個DOMElement創建OrbitControls情況下，這樣的：

controls.push(new THREE.OrbitControls(views[0].camera, renderer.domElement)); 
controls.push(new THREE.OrbitControls(views[1].camera, renderer.domElement)); 
controls.push(new THREE.OrbitControls(views[2].camera, renderer.domElement)); 

這足以只添加一個事件偵聽器：

controls[0].addEventListener('change', draw); 

但是我覺得這是解決方案緩慢，我仍然在尋找更好的選擇。