9

I am using three.js and dat.gui with a text property.

Also, I have OrbitControls in my scene:

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

But there is a problem with this kind of scene. The text at the GUI doesn't work. You can't type anything in that box. And I have debugged it, and the problem is caused by OrbitControls.

Do you know a way or workaround to solve it? Thanks!

sinsuren
  • 1,745
  • 2
  • 23
  • 26
Xatpy
  • 273
  • 2
  • 13

1 Answers1

18

You need to pass the dom element you want to listen the events from.

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

Otherwise OrbitControls adds the events to the document and that conflicts with DAT.GUI.

mrdoob
  • 19,334
  • 4
  • 63
  • 62