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