TransformControls: Added hideX, hideY and hideZ property for explicit

axis hiding.

Author: arodic

examples/js/controls/TransformControls.js

@@ -31,6 +31,9 @@ THREE.TransformControls = function ( camera, domElement ) {
 	defineProperty( "space", "world" );
 	defineProperty( "size", 1 );
 	defineProperty( "dragging", false );
+	defineProperty( "showX", true );
+	defineProperty( "showY", true );
+	defineProperty( "showZ", true );
 
 	var changeEvent = { type: "change" };
 	var mouseDownEvent = { type: "mouseDown" };
@@ -1193,6 +1196,7 @@ THREE.TransformControlsGizmo = function () {
 				var PLANE_HIDE_TRESHOLD = 0.2;
 				var AXIS_FLIP_TRESHOLD = -0.4;
 
+
 				if ( handle.name === 'X' || handle.name === 'XYZX' ) {
 					if ( Math.abs( alignVector.copy( unitX ).applyQuaternion( quaternion ).dot( this.eye ) ) > AXIS_HIDE_TRESHOLD ) {
 						handle.scale.set( 1e-10, 1e-10, 1e-10 );
@@ -1307,6 +1311,14 @@ THREE.TransformControlsGizmo = function () {
 
 			}
 
+			// Hide disabled axes
+			for ( var a in handle.name ) {
+				handle.visible = handle.visible && ( handle.name.indexOf( "X" ) === -1 || this.showX );
+				handle.visible = handle.visible && ( handle.name.indexOf( "Y" ) === -1 || this.showY );
+				handle.visible = handle.visible && ( handle.name.indexOf( "Z" ) === -1 || this.showZ );
+				handle.visible = handle.visible && ( handle.name.indexOf( "E" ) === -1 || ( this.showX && this.showY && this.showZ ) );
+			}
+
 			// highlight selected axis
 
 			handle.material._opacity = handle.material._opacity || handle.material.opacity;

examples/misc_controls_transform.html

@@ -27,7 +27,8 @@
 
 		<div id="info">
 		"W" translate | "E" rotate | "R" scale | "+" increase size | "-" decrease size<br />
-		Press "Q" to toggle world/local space, keep "Ctrl" down to snap to grid
+		"Q" to toggle world/local space, Hold "Ctrl" to snap to grid<br />
+		"X" | "Y" | "Z" toggle axes
 		</div>
 
 		<script src="../build/three.js"></script>
@@ -113,6 +114,18 @@
 							control.setSize( Math.max( control.size - 0.1, 0.1 ) );
 							break;
 
+						case 88: // X
+							control.showX = !control.showX;
+							break;
+
+						case 89: // Y
+							control.showY = !control.showY;
+							break;
+
+						case 90: // Z
+							control.showZ = !control.showZ;
+							break;
+
 					}
 
 				});