TrackballControls should be attached to renderer.domElement

Events should not be caught by any other parent element
Fixes #3

1 files changed, 11 insertions, 11 deletions

diff --git a/index.html b/index.html
index b0c2d8f..cec8623 100644
--- a/index.html
+++ b/index.html
@@ -151,17 +151,6 @@ for (var i=0; i<coords.length; i++) {
         camera.position.z = 50;
         scene.add(camera);
 
-        controls = new THREE.TrackballControls(camera);
-        controls.rotateSpeed = 1.0;
-        controls.zoomSpeed = 1.2;
-        controls.panSpeed = 0.8;
-        controls.noZoom = false;
-        controls.noPan = false;
-        controls.staticMoving = true;
-        controls.dynamicDampingFactor = 0.3;
-        controls.keys = [65, 83, 68];
-        controls.addEventListener('change', render);
-
         light = new THREE.DirectionalLight( 0xffffff );
         light.position.set( 0, 0, 1 );
         scene.add(light);
@@ -172,6 +161,17 @@ for (var i=0; i<coords.length; i++) {
         container = document.getElementById('render-container');
         container.appendChild(renderer.domElement);
 
+        controls = new THREE.TrackballControls(camera, renderer.domElement);
+        controls.rotateSpeed = 1.0;
+        controls.zoomSpeed = 1.2;
+        controls.panSpeed = 0.8;
+        controls.noZoom = false;
+        controls.noPan = false;
+        controls.staticMoving = true;
+        controls.dynamicDampingFactor = 0.3;
+        controls.keys = [65, 83, 68];
+        controls.addEventListener('change', render);
+
         document.addEventListener('mousemove', onDocumentMouseMove, false);
       }