textbox - 三.JS -- 场景中Camera控件与文本框冲突

Question

你能不能看看下面的链接。

https://dl.dropbox.com/u/44791710/rotate/rotate.html

我有相机控件和文本框的问题。使用控件时无法更改文本框的值。当我删除控制线时，文本框是可编辑的。

请你检查一下。
非常感谢

Answer 1

尝试这个:

controls = new THREE.TrackballControls( camera, renderer.domElement );

第二个参数默认为 document ，我希望这就是问题所在。

(您显然也必须更改某些代码的顺序。)

编辑:作为引用，您还可以使用此构造:

// container
container = document.createElement( 'div' );
document.body.appendChild( container );

// renderer
renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );

//controls
controls = new THREE.TrackballControls( camera, container );