Update webgl_layers example to include enable/disable all

examples/webgl_layers.html

@@ -93,26 +93,48 @@
 				stats = new Stats();
 				container.appendChild( stats.dom );
 
-				var layers = { red: true, green: true, blue: true };
+				var layers = {
 
-				//
-				// Init gui
-				var gui = new GUI();
-				gui.add( layers, 'red' ).onChange( function () {
+					'toggle red': function() {
+
+						camera.layers.toggle( 0 );
+
+					},
+
+					'toggle green': function() {
+
+						camera.layers.toggle( 1 );
+
+					},
 
-					camera.layers.toggle( 0 );
+					'toggle blue': function() {
 
-				} );
-				gui.add( layers, 'green' ).onChange( function () {
+						camera.layers.toggle( 2 );
 
-					camera.layers.toggle( 1 );
+					},
 
-				} );
-				gui.add( layers, 'blue' ).onChange( function () {
+					'enable all': function() {
 
-					camera.layers.toggle( 2 );
+						camera.layers.enableAll();
 
-				} );
+					},
+
+					'disable all': function() {
+
+						camera.layers.disableAll();
+
+					}
+
+				};
+
+				//
+				// Init gui
+				var gui = new GUI();
+				gui.add( layers, 'toggle red' );
+				gui.add( layers, 'toggle green' );
+				gui.add( layers, 'toggle blue' );
+				gui.add( layers, 'enable all' );
+				gui.add( layers, 'disable all' );
 
 				window.addEventListener( 'resize', onWindowResize, false );