javascript - El texto de OrbitControls y dat.gui no funciona

three.js

Question

Estoy usando three.js y dat.gui con una propiedad de texto .

Además, tengo OrbitControls en mi escena:

cameraControl = new THREE.OrbitControls(camera); cameraControl.update();

Pero hay un problema con este tipo de escena. El texto en la GUI no funciona . No puedes escribir nada en esa caja. Y lo he depurado, y el problema es causado por OrbitControls.

¿Conoces una forma o una solución para resolverlo? ¡Gracias!

Answer 1

Debes pasar el elemento dom del que quieres escuchar los eventos.

cameraControl = new THREE.OrbitControls(camera,renderer.domElement);

De lo contrario, OrbitControls agrega los eventos al documento y eso entra en conflicto con DAT.GUI.