textbox - Three.JS-シーン内のテキストボックスとカメラコントロールの競合

Question

次のリンクをご覧ください。

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

カメラコントロールとテキストボックスに問題があります。コントロールを使用すると、テキストボックスの値を変更できません。制御線を削除すると、テキストボックスが編集可能になります。

確認していただけませんか。どうもありがとう

Answer 1

これを試して：

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

2番目の引数はデフォルトでに設定されていますが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 );

Answer 2

クリックとキーのイベントはテキストボックスに到達しません。「制御」コードの次の行を削除できます。

event.preventDefault();
event.stopPropagation();