Fixed some examples.

examples/webgl_geometry_colors.html

@@ -95,9 +95,11 @@
 
 				var color, f, f2, f3, p, n, vertexIndex,
 
-					geometry  = new THREE.IcosahedronGeometry( 200, 1 ),
-					geometry2 = new THREE.IcosahedronGeometry( 200, 1 ),
-					geometry3 = new THREE.IcosahedronGeometry( 200, 1 );
+					radius = 200,
+
+					geometry  = new THREE.IcosahedronGeometry( radius, 1 ),
+					geometry2 = new THREE.IcosahedronGeometry( radius, 1 ),
+					geometry3 = new THREE.IcosahedronGeometry( radius, 1 );
 
 				for ( var i = 0; i < geometry.faces.length; i ++ ) {
 
@@ -114,12 +116,12 @@
 						p = geometry.vertices[ vertexIndex ].position;
 
 						color = new THREE.Color( 0xffffff );
-						color.setHSV( ( p.y + 1 ) / 2, 1.0, 1.0 );
+						color.setHSV( ( p.y / radius + 1 ) / 2, 1.0, 1.0 );
 
 						f.vertexColors[ j ] = color;
 
 						color = new THREE.Color( 0xffffff );
-						color.setHSV( 0.0, ( p.y + 1 ) / 2, 1.0 );
+						color.setHSV( 0.0, ( p.y / radius + 1 ) / 2, 1.0 );
 
 						f2.vertexColors[ j ] = color;
 
@@ -155,7 +157,7 @@
 				group3.rotation.x = 0;
 				scene.add( group3 );
 
-				renderer = new THREE.WebGLRenderer( { antialias: true } );
+				renderer = new THREE.WebGLRenderer( { antialias: true, clearColor: 0xffffff } );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/webgl_geometry_subdivison.html

@@ -359,7 +359,7 @@
 
 				addStuff();
 
-				renderer = new THREE.WebGLRenderer( { antialias: true } ); // WebGLRenderer CanvasRenderer
+				renderer = new THREE.WebGLRenderer( { antialias: true, clearColor: 0xf0f0f0 } ); // WebGLRenderer CanvasRenderer
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/webgl_lensflares.html

@@ -167,7 +167,7 @@
 
 				// renderer
 
-				renderer = new THREE.WebGLRenderer( { antialias: true, maxLights: 8 } );
+				renderer = new THREE.WebGLRenderer( { antialias: true, maxLights: 8, alpha: true } );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setClearColor( scene.fog.color, 1 );
 

examples/webgl_multiple_canvases_circle.html

@@ -239,7 +239,8 @@
 
 					var color, f1, p, n, vertexIndex,
 
-					geometry1 = new THREE.IcosahedronGeometry( 200, 1 );
+					radius = 200,
+					geometry1 = new THREE.IcosahedronGeometry( radius, 1 );
 
 					for ( var i = 0; i < geometry1.faces.length; i ++ ) {
 
@@ -254,12 +255,13 @@
 							p = geometry1.vertices[ vertexIndex ].position;
 
 							color = new THREE.Color( 0xffffff );
-							color.setHSV( ( p.y + 1 ) / 2, 1.0, 1.0 );
+							color.setHSV( ( p.y / radius + 1 ) / 2, 1.0, 1.0 );
 
 							f1.vertexColors[ j ] = color;
 
 							color = new THREE.Color( 0xffffff );
-							color.setHSV( 0.0, ( p.y + 1 ) / 2, 1.0 );
+							color.setHSV( 0.0, ( p.y / radius + 1 ) / 2, 1.0 );
+
 						}
 
 					}
@@ -282,7 +284,7 @@
 
 					}
 
-					renderer = new THREE.WebGLRenderer( { antialias: true } );
+					renderer = new THREE.WebGLRenderer( { antialias: true, clearColor: 0xffffff } );
 					renderer.setSize( container.clientWidth, container.clientHeight );
 
 					container.appendChild( renderer.domElement );

examples/webgl_multiple_canvases_complex.html

@@ -155,9 +155,11 @@
 
 					var color, f1, f2, f3, p, n, vertexIndex,
 
-						geometry1 = new THREE.IcosahedronGeometry( 200, 1 ),
-						geometry2 = new THREE.IcosahedronGeometry( 200, 1 ),
-						geometry3 = new THREE.IcosahedronGeometry( 200, 1 );
+						radius = 200,
+
+						geometry1 = new THREE.IcosahedronGeometry( radius, 1 ),
+						geometry2 = new THREE.IcosahedronGeometry( radius, 1 ),
+						geometry3 = new THREE.IcosahedronGeometry( radius, 1 );
 
 					for ( var i = 0; i < geometry1.faces.length; i ++ ) {
 
@@ -174,12 +176,12 @@
 							p = geometry1.vertices[ vertexIndex ].position;
 
 							color = new THREE.Color( 0xffffff );
-							color.setHSV( ( p.y + 1 ) / 2, 1.0, 1.0 );
+							color.setHSV( ( p.y / radius + 1 ) / 2, 1.0, 1.0 );
 
 							f1.vertexColors[ j ] = color;
 
 							color = new THREE.Color( 0xffffff );
-							color.setHSV( 0.0, ( p.y + 1 ) / 2, 1.0 );
+							color.setHSV( 0.0, ( p.y/ radius + 1 ) / 2, 1.0 );
 
 							f2.vertexColors[ j ] = color;
 
@@ -215,7 +217,7 @@
 					group3.rotation.x = 0;
 					scene.add( group3 );
 
-					renderer = new THREE.WebGLRenderer( { antialias: true } );
+					renderer = new THREE.WebGLRenderer( { antialias: true, clearColor: 0xffffff } );
 					renderer.setSize( container.clientWidth, container.clientHeight );
 
 					container.appendChild( renderer.domElement );

examples/webgl_multiple_canvases_grid.html

@@ -171,9 +171,11 @@
 
 					var color, f1, f2, f3, p, n, vertexIndex,
 
-						geometry1 = new THREE.IcosahedronGeometry( 200, 1 ),
-						geometry2 = new THREE.IcosahedronGeometry( 200, 1 ),
-						geometry3 = new THREE.IcosahedronGeometry( 200, 1 );
+						radius = 200,
+
+						geometry1 = new THREE.IcosahedronGeometry( radius, 1 ),
+						geometry2 = new THREE.IcosahedronGeometry( radius, 1 ),
+						geometry3 = new THREE.IcosahedronGeometry( radius, 1 );
 
 					for ( var i = 0; i < geometry1.faces.length; i ++ ) {
 
@@ -190,12 +192,12 @@
 							p = geometry1.vertices[ vertexIndex ].position;
 
 							color = new THREE.Color( 0xffffff );
-							color.setHSV( ( p.y + 1 ) / 2, 1.0, 1.0 );
+							color.setHSV( ( p.y / radius + 1 ) / 2, 1.0, 1.0 );
 
 							f1.vertexColors[ j ] = color;
 
 							color = new THREE.Color( 0xffffff );
-							color.setHSV( 0.0, ( p.y + 1 ) / 2, 1.0 );
+							color.setHSV( 0.0, ( p.y / radius + 1 ) / 2, 1.0 );
 
 							f2.vertexColors[ j ] = color;
 
@@ -231,7 +233,7 @@
 					group3.rotation.x = 0;
 					scene.add( group3 );
 
-					renderer = new THREE.WebGLRenderer( { antialias: true } );
+					renderer = new THREE.WebGLRenderer( { antialias: true, clearColor: 0xffffff } );
 					renderer.setSize( container.clientWidth, container.clientHeight );
 
 					container.appendChild( renderer.domElement );

examples/webgl_performance.html

@@ -77,7 +77,7 @@
 
 				} );
 
-				renderer = new THREE.WebGLRenderer();
+				renderer = new THREE.WebGLRenderer( { clearColor: 0xffffff } );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.sortObjects = false;
 				container.appendChild( renderer.domElement );