wireframe on key 8

hotkeys.js

@@ -30,6 +30,15 @@ $(document).bind('keydown', '7', function(e) {
 	Spectrum.gain = 20;
 });
 
+$(document).bind('keydown', '8', function(e) {
+	Mode.isWireframe = !Mode.isWireframe
+});
+
+$(document).bind('keyup', '8', function(e) {
+
+});
+
+
 $(document).bind('keydown', '-', function(e) {
 	Spectrum.gainFactor -= .05;
 });

index.html

@@ -41,6 +41,10 @@
 
 			var camera, scene, renderer;
 
+			var Mode = {
+				isWireframe: false
+			}
+
 			$(document).ready(function()
 			{
 				init();
@@ -49,7 +53,6 @@
 
 			function init() 
 			{
-
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
@@ -77,7 +80,6 @@
 				setupBindings()
 				setupGrid()
 				setupBlur()
-
 			}
 
 			function setupBlur()
@@ -103,8 +105,6 @@
 
 			function setupGrid()
 			{
-				gridRows = []
-				//var max = 27
 				var max = 37
 				var spacing = max*100/27
 				for (var x = 0; x < max; x++)
@@ -157,9 +157,9 @@
 */
 			var wireframe_material = new THREE.MeshBasicMaterial( 
 				{
-					color: 0x000000, 
+					color: 0xffffff, 
 					wireframe: true, 
-					wireframe_linewidth: 1 
+					wireframe_linewidth: 1
 				} );
 
 			var fill_material = new THREE.MeshBasicMaterial( 
@@ -172,7 +172,8 @@
 				})
 
 				var circle = new THREE.CircleGeometry( 10, 6, 0, Math.PI * 2 )
-				var object = new THREE.Mesh(circle, fill_material);
+				//var object = new THREE.Mesh(circle, fill_material);
+				var object = new THREE.Mesh(circle, wireframe_material);
 
 				object.position.set( 0, 0, 0 );
 				object.rotation.z = 3.14159
@@ -226,14 +227,28 @@
 							var fill_material = new THREE.MeshBasicMaterial( 
 								{ 
 									color: color, 
-									wireframe: true, 
-									transparent: false, 
+									wireframe: Mode.isWireframe, 
+									transparent: true, 
 									opacity: 0.95, 
 									side: THREE.DoubleSide,
 									wireframeLinewidth: 3
 								})
 
 							object.material = fill_material
+
+							/*
+							var mat = object.material
+							
+							mat.color = color
+							mat.wireframe = false 
+							mat.transparent = true 
+							mat.opacity = 0.95, 
+							mat.side = THREE.DoubleSide
+							mat.wireframeLinewidth = 3
+														
+							mat.needsUpdate = true
+							*/
+
 							//.setColor(new THREE.Color( 0xff0000 )) // new THREE.Color( color )
 							//object.position.z = bins[i]*3
 							//object.rotation.x = bins[i]/10
@@ -251,6 +266,8 @@
 */
 							var vs = bins[b]/100
 							var s = vs*vs*vs*vs*vs
+
+							if (s < 1) { s = 1 }
 							object.scale.x = s*.5
 							object.scale.y = s*.5
 							//object.rotation.x = Math.cos(s)