div中只有三个js控件

Question

我已经成功地渲染了一个3d对象在一个div:但我想有能力操纵3d对象只从div。目前我可以操纵(控制?)对象在窗口的任何地方。

我使用三个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 );