仅div中的三个js控件

Question

我已经成功地在div中渲染了一个3d对象:但我希望能够仅从div操作3d对象。目前我可以操纵(控制？)窗口中任意位置的对象。

我使用了三个JS和JQuery。

我在init()中有以下内容：

// This <div> will host the canvas for the scene.
container = document.getElementById( 'view_area' );

这会很好地将画布放在view_area中，但控件拖拽区域包括整个窗口，所以如果我试图在view_area之外选择文本，它会开始动画场景。

Answer 1

大多数控件都接受第二个参数，该参数也是用于添加侦听器的dom元素。

controls = new THREE.FirstPersonControls( camera, container );