Three.JS - 장면에서 텍스트 상자가있는 카메라 컨트롤

Question

다음 링크를 살펴보실 수 있습니다.

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

나는 카메라 컨트롤과 텍스트 상자에 문제가 있습니다. 컨트롤을 사용할 때 텍스트 상자의 값을 변경할 수 없습니다. 제어 선을 제거하면 텍스트 상자를 편집 할 수 있습니다.

확인해 주시겠습니까? 많은 감사

Answer 1

이 시도 : 나는 문제가 예상 document에

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

두 번째 인수의 기본값을.

(당신은 분명히 너무, 일부 코드의 순서를 변경해야합니다.)

편집 :

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