Added conditional stopPropagation to transformControls.

Added OrbitControls to TransformControls example.

Author: arodic

examples/js/controls/TransformControls.js

@@ -524,8 +524,6 @@ THREE.TransformControls = function ( camera, domElement ) {
 
 	function onPointerHover( event ) {
 
-		// event.preventDefault();
-
 		scope.pointerHover( getPointer( event ) );
 
 	}
@@ -537,6 +535,8 @@ THREE.TransformControls = function ( camera, domElement ) {
 		scope.pointerHover( getPointer( event ) );
 		scope.pointerDown( getPointer( event ) );
 
+		if (scope.axis) event.stopPropagation();
+
 	}
 
 	function onPointerMove( event ) {
@@ -545,6 +545,8 @@ THREE.TransformControls = function ( camera, domElement ) {
 
 		scope.pointerMove( getPointer( event ) );
 
+		if (scope.axis) event.stopPropagation();
+
 	}
 
 	function onPointerUp( event ) {

examples/misc_controls_transform.html

@@ -31,11 +31,12 @@
 		</div>
 
 		<script src="../build/three.js"></script>
+		<script src="js/controls/OrbitControls.js"></script>
 		<script src="js/controls/TransformControls.js"></script>
 
 		<script>
 
-			var camera, scene, renderer, control;
+			var camera, scene, renderer, control, orbit;
 
 			init();
 			render();
@@ -67,6 +68,11 @@
 				var geometry = new THREE.BoxBufferGeometry( 200, 200, 200 );
 				var material = new THREE.MeshLambertMaterial( { map: texture } );
 
+				orbit = new THREE.OrbitControls(camera, renderer.domElement);
+				orbit.enableZoom = true;
+				orbit.update();
+				orbit.addEventListener( 'change', render );
+
 				control = new THREE.TransformControls( camera, renderer.domElement );
 				control.addEventListener( 'change', render );