three.js OrbitControlsを特定のAngular2コンポーネントまたはDivに限定する方法

個々のDIVに複数のAngular2コンポーネントがあるページがあります。コンポーネントの1つは、OrbitControlsを使用するTHREE.jsシーンです。three.js OrbitControlsを特定のAngular2コンポーネントまたはDivに限定する方法

マウスホイールでスクロールしたりクリックしたりドラッグしたりすると、3Dモデルが適切に回転してズームします。しかし、これは私のマウスポインタがどこにあっても起こります。マウスホイールを使用して別のコンポーネントのリストをスクロールダウンできるようにする必要があります。

THREE.jsシーンのコントロールを特定のコンポーネントまたはDIVに制限するにはどうすればよいですか？

2017-02-22 tommyboy

あなたOrbitControlsを作成すると、してみてくださいレンダラーのdomElementを2番目のパラメーターに設定します。 'var controls = new THREE.OrbitControls（camera、renderer.domElement） ' – prisoner849

@ prisoner849ありがとうございます。それがそれでした。 – tommyboy

、特定のコンポーネントまたは本部にコントロールを制限する@ prisoner849が述べたように行うには - あなたはOrbitControlsを作成するときに、2番目のパラメータとして、レンダリングのDOMELEMENTを置く：

var controls = new THREE.OrbitControls(camera, renderer.domElement)

2017-06-02 17:44:12 tommyboy

答えて