Optimized line strip example.

examples/lines_cubes_gl.html

@@ -100,7 +100,7 @@
 				document.body.appendChild(container);
 
 				camera = new THREE.Camera( 35, window.innerWidth / window.innerHeight, 1, 10000 );
-				camera.position.z = 800;
+				camera.position.z = 700;
 
 				scene = new THREE.Scene();
 
@@ -116,29 +116,34 @@
 					vector.multiplyScalar( Math.random() * 10 + 250 );
 					geometry_cube.vertices.push( new THREE.Vertex( vector ) );
 
+					/*
 					vector = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );					
 					vector.normalize();
 					vector.multiplyScalar( Math.random() * 10 + 250 );
 					geometry_sphere.vertices.push( new THREE.Vertex( vector ) );
+					*/
 
 				}
 
 				// lines
 
-				var line, p, scale = 0.3, d = 125, c1 = 0x553300, c2 = 0x555555, c3 = 0x552800, g1 = geometry_cube, g2 = geometry_sphere,
-					parameters = [ [ c3, scale*0.5,     [0,0,0],  g1 ], [ c2, scale*0.5, [d, 0, 0],  g1 ], [ c2, scale*0.5, [-d, 0, 0],  g1 ], 
-								   [ c2, scale*0.5, [0,d,0],  g1 ], [ c2, scale*0.5, [d, d, 0],  g1 ], [ c2, scale*0.5, [-d, d, 0],  g1 ],
-								   [ c2, scale*0.5, [0,-d,0], g1 ], [ c2, scale*0.5, [d, -d, 0], g1 ], [ c2, scale*0.5, [-d, -d, 0], g1 ],
+				var line, p, scale = 0.3, d = 125, c1 = 0x553300, c2 = 0x555555, c3 = 0x552800, g1 = geometry_cube,
+					m1 = new THREE.LineBasicMaterial( { color: c1, opacity: 1, blending: THREE.AdditiveBlending } ),
+					m2 = new THREE.LineBasicMaterial( { color: c2, opacity: 1, blending: THREE.AdditiveBlending } ),
+					m3 = new THREE.LineBasicMaterial( { color: c3, opacity: 1, blending: THREE.AdditiveBlending } ),
+					parameters = [ [ m3, scale*0.5, [0,0,0],  g1 ], [ m2, scale*0.5, [d, 0, 0],  g1 ], [ m2, scale*0.5, [-d, 0, 0],  g1 ], 
+								   [ m2, scale*0.5, [0,d,0],  g1 ], [ m2, scale*0.5, [d, d, 0],  g1 ], [ m2, scale*0.5, [-d, d, 0],  g1 ],
+								   [ m2, scale*0.5, [0,-d,0], g1 ], [ m2, scale*0.5, [d, -d, 0], g1 ], [ m2, scale*0.5, [-d, -d, 0], g1 ],
 								   
-								   [ c1, scale*0.5, [2*d, 0, 0],  g1 ], [ c1, scale*0.5, [-2*d, 0, 0],  g1 ],
-								   [ c1, scale*0.5, [2*d, d, 0],  g1 ], [ c1, scale*0.5, [-2*d, d, 0],  g1 ],
-								   [ c1, scale*0.5, [2*d, -d, 0], g1 ], [ c1, scale*0.5, [-2*d, -d, 0], g1 ],							   
+								   [ m1, scale*0.5, [2*d, 0, 0],  g1 ], [ m1, scale*0.5, [-2*d, 0, 0],  g1 ],
+								   [ m1, scale*0.5, [2*d, d, 0],  g1 ], [ m1, scale*0.5, [-2*d, d, 0],  g1 ],
+								   [ m1, scale*0.5, [2*d, -d, 0], g1 ], [ m1, scale*0.5, [-2*d, -d, 0], g1 ],							   
 								   ];
 				
 				for ( i = 0; i < parameters.length; ++i ) {
 				
 					p = parameters[ i ];
-					line = new THREE.Line( p[ 3 ], new THREE.LineBasicMaterial( { color: p[ 0 ], opacity: 1, blending: THREE.AdditiveBlending } ) );
+					line = new THREE.Line( p[ 3 ],  p[ 0 ] );
 					line.scale.x = line.scale.y = line.scale.z =  p[ 1 ];
 					line.position.x = p[ 2 ][ 0 ];
 					line.position.y = p[ 2 ][ 1 ];
@@ -197,7 +202,7 @@
 				camera.position.y += ( - mouseY + 200 - camera.position.y ) * .05;
 				camera.updateMatrix();
 
-				var time = new Date().getTime() * 0.001;
+				var time = new Date().getTime() * 0.0015;
 				
 				for( var i = 0; i<scene.objects.length; i++ ) {