三个js只控制div

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 );