adding car'

Author: jasonify

examples/webgl_custom_attributes_particles.html

@@ -221,4 +221,4 @@
 
 </body>
 
-</html>
+</html>

examples/webgl_shadowmap.html

@@ -30,6 +30,17 @@
 
 		<script type="text/javascript" src="js/ShaderExtras.js"></script>
 
+
+
+		<script type="text/javascript" src="js/postprocessing/EffectComposer.js"></script>
+		<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script>
+		<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script>
+		<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script>
+		<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script>
+		<script type="text/javascript" src="js/postprocessing/FilmPass.js"></script>
+
+    
+
 		<script type="text/javascript" src="js/Detector.js"></script>
 		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
 		<script type="text/javascript" src="js/Stats.js"></script>
@@ -40,6 +51,14 @@
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 
+			var aloader, bloader;
+			var parent,
+				meshes2 = [], clonemeshes = [];
+
+			var total = 0, totaln = 0;
+
+			var composer, effectFocus;
+
 			var SHADOW_MAP_WIDTH = 1024, SHADOW_MAP_HEIGHT = 1024;
 
       var  mouse = { x: 0, y: 0 };
@@ -148,8 +167,118 @@
 				stats.domElement.style.zIndex = 100;
 				//container.appendChild( stats.domElement );
 
+
+        //post processing
+
+        // postprocessing
+
+				var renderModel = new THREE.RenderPass( scene, camera );
+				var effectBloom = new THREE.BloomPass( 0.75 );
+				var effectFilm = new THREE.FilmPass( 0.5, 0.5, 1448, false );
+
+				effectFocus = new THREE.ShaderPass( THREE.ShaderExtras[ "focus" ] );
+
+				effectFocus.uniforms[ "screenWidth" ].value = window.innerWidth;
+				effectFocus.uniforms[ "screenHeight" ].value = window.innerHeight;
+
+				effectFocus.renderToScreen = true;
+
+				composer = new THREE.EffectComposer( renderer );
+
+				composer.addPass( renderModel );
+				composer.addPass( effectBloom );
+				composer.addPass( effectFilm );
+				composer.addPass( effectFocus );
+
+				//
+
+
+			}
+
+
+			function createMesh( originalGeometry, scene, scale, x, y, z, color, dynamic ) {
+
+				var i, c;
+
+				var vertices = originalGeometry.vertices;
+				var vl = vertices.length;
+
+				var geometry = new THREE.Geometry();
+				var vertices_tmp = [];
+
+				for( i = 0; i < vl; i++ ) {
+
+					p = vertices[ i ].position;
+
+					geometry.vertices[ i ] = new THREE.Vertex( p.clone() );
+					vertices_tmp[ i ] = [ p.x, p.y, p.z, 0, 0 ];
+
+				}
+
+				var clones = [
+								[  6000, 0, -4000 ],
+								[  5000, 0, 0 ],
+								[  1000, 0, 5000 ],
+								[  1000, 0, -5000 ],
+								[  4000, 0, 2000 ],
+								[ -4000, 0, 1000 ],
+								[ -5000, 0, -5000 ],
+
+								[ 0, 0, 0 ]
+
+							  ];
+
+				if ( dynamic ) {
+
+					for( i = 0; i < clones.length; i++ ) {
+
+						c = ( i < clones.length -1 ) ? 0x252525 : color;
+
+						mesh = new THREE.ParticleSystem( geometry, new THREE.ParticleBasicMaterial( { size: 3, color: c } ) );
+						mesh.scale.x = mesh.scale.y = mesh.scale.z = scale;
+
+						mesh.position.x = x + clones[ i ][ 0 ];
+						mesh.position.y = y + clones[ i ][ 1 ];
+						mesh.position.z = z + clones[ i ][ 2 ];
+
+						parent.addChild( mesh );
+
+						clonemeshes.push( { mesh: mesh, speed: 0.5 + Math.random() } );
+
+					}
+
+					totaln += clones.length;
+					total += clones.length * vl;
+
+				} else {
+
+					mesh = new THREE.ParticleSystem( geometry, new THREE.ParticleBasicMaterial( { size: 3, color: color } ) );
+					mesh.scale.x = mesh.scale.y = mesh.scale.z = scale;
+
+					mesh.position.x = x;
+					mesh.position.y = y;
+					mesh.position.z = z;
+
+					parent.addChild( mesh );
+
+					totaln += 1;
+					total += vl;
+
+				}
+
+				bloader.statusDomElement.style.display = "none";
+
+				meshes2.push( { mesh: mesh, vertices: geometry.vertices, vertices_tmp: vertices_tmp, vl: vl,
+							  down: 0, up: 0, direction: 0, speed: 35, delay: Math.floor( 200 + 200 * Math.random() ),
+							  started: false, start: Math.floor( 100 + 200 * Math.random() ),
+							  dynamic: dynamic,
+							  bb: geometry.boundingBox } );
+
+				//console.log( total, totaln );
+
 			}
 
+
 			function createHUD() {
 
 				cameraOrtho = new THREE.OrthoCamera( SCREEN_WIDTH / - 2, SCREEN_WIDTH / 2,  SCREEN_HEIGHT / 2, SCREEN_HEIGHT / - 2, -10, 1000 );
@@ -229,7 +358,7 @@
 
 				// TEXT
 
-				var textGeo = new THREE.TextGeometry( "> 3", {
+				var textGeo = new THREE.TextGeometry( "> 5", {
 
 					size: 200,
 					height: 50,
@@ -281,6 +410,15 @@
 
 				scene.addObject( mesh );
 
+        // car
+				parent = new THREE.Object3D();
+				scene.addObject( parent );
+
+
+				bloader = new THREE.BinaryLoader( true );
+				bloader.load( { model: "obj/veyron/VeyronNoUv_bin.js", callback: function( geometry ) { createMesh( geometry, scene, 6.8, 2200, -200, -100, 0x0055ff, false ) } } );
+
+
 				// MORPHS
 
 				function addMorph( geometry, speed, duration, x, y, z, fudgeColor ) {
@@ -305,7 +443,7 @@
 
 					morphs.push( { mesh: meshAnim, lastKeyframe: 0, currentKeyframe: 0,
 								   offset: Math.random() * 6, speed: speed, duration: duration,
-								   oldTime: new Date().getTime(), txt: add_text(Math.floor(Math.random()*11)) } );
+								   oldTime: new Date().getTime(), txt: add_text(Math.floor(Math.random()*10)) } );
 				}
 
 
@@ -404,7 +542,7 @@
         //reset 
         for ( i = 0; i < l; i++ ) {
 
-          meshes[ i ].materials[ 0 ].color.setHex( 0x003300 );
+            meshes[ i ].materials[ 0 ].color.setHex( 0x003300 );
 
         }