GUI: Wired up map and opacity parameters.

gui/js/ui/Sidebar.Properties.Material.js

@@ -4,45 +4,72 @@ Sidebar.Properties.Material = function ( signals ) {
 	container.setDisplay( 'none' );
 
 	container.add( new UI.Text().setText( 'MATERIAL' ).setColor( '#666' ) );
-
 	container.add( new UI.Break(), new UI.Break() );
 
 	container.add( new UI.Text().setText( 'Name' ).setColor( '#666' ) );
-
 	var materialName = new UI.Text( 'absolute' ).setLeft( '90px' ).setColor( '#444' ).setFontSize( '12px' );
-
 	container.add( materialName );
-
 	container.add( new UI.HorizontalRule() );
 
 	container.add( new UI.Text().setText( 'Class' ).setColor( '#666' ) );
-
 	var materialClass = new UI.Text( 'absolute' ).setLeft( '90px' ).setColor( '#444' ).setFontSize( '12px' );
-
 	container.add( materialClass );
-
 	container.add( new UI.HorizontalRule() );
 
 	container.add( new UI.Text().setText( 'Color' ).setColor( '#666' ) );
-
 	var materialColor = new UI.Text( 'absolute' ).setLeft( '90px' ).setColor( '#444' ).setFontSize( '12px' );
-
 	container.add( materialColor );
+	container.add( new UI.HorizontalRule() );
+
+	container.add( new UI.Text().setText( 'Map' ).setColor( '#666' ) );
+	var materialMap = new UI.Text( 'absolute' ).setLeft( '90px' ).setColor( '#444' ).setFontSize( '12px' );
+	container.add( materialMap );
+	container.add( new UI.HorizontalRule() );
+
+	container.add( new UI.Text().setText( 'Opacity' ).setColor( '#666' ) );
+	var materialOpacity = new UI.FloatNumber( 'absolute' ).setLeft( '90px' ).setFontSize( '12px' ).onChange( update );
+	container.add( materialOpacity );
+	container.add( new UI.HorizontalRule() );
+
+	container.add( new UI.Text().setText( 'Transparent' ).setColor( '#666' ) );
+	var materialTransparent = new UI.Text( 'absolute' ).setLeft( '90px' ).setColor( '#444' ).setFontSize( '12px' );
+	container.add( materialTransparent );
 
 	//
 
+	var selected = null;
+
+	function update() {
+
+		if ( selected ) {
+
+			selected.opacity = materialOpacity.getValue();
+
+			signals.materialChanged.dispatch( selected );
+
+		}
+
+	}
+
 	signals.objectSelected.add( function ( object ) {
 
 		if ( object && object.material ) {
 
+			selected = object.material;
+
 			container.setDisplay( 'block' );
 
 			materialName.setText( object.material.name );
 			materialClass.setText( getMaterialInstanceName( object.material ) );
 			materialColor.setText( '#' + object.material.color.getHex().toString(16) );
+			materialMap.setText( object.material.map );
+			materialOpacity.setValue( object.material.opacity );
+			materialTransparent.setText( object.material.transparent );
 
 		} else {
 
+			selected = null;
+
 			container.setDisplay( 'none' );
 
 		}