Mr.doob 10 سال پیش
والد
کامیت
0d2a0fe777

+ 2 - 1
examples/js/controls/OrbitControls.js

@@ -392,7 +392,7 @@
 
 		}
 
-		this.update = function() {
+		this.update = function () {
 
 			if ( this.autoRotate && state === STATE.NONE ) {
 
@@ -755,6 +755,7 @@
 			event.preventDefault();
 
 		}, false );
+
 		this.domElement.addEventListener( 'mousedown', onMouseDown, false );
 		this.domElement.addEventListener( 'mousewheel', onMouseWheel, false );
 		this.domElement.addEventListener( 'DOMMouseScroll', onMouseWheel, false ); // firefox

+ 5 - 5
examples/webgl_loader_sea3d.html

@@ -38,11 +38,11 @@
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
 		<script src="js/postprocessing/ShaderPass.js"></script>
-		<script src="js/postprocessing/MaskPass.js"></script> 
+		<script src="js/postprocessing/MaskPass.js"></script>
 		<script src="js/shaders/CopyShader.js"></script>
 		<script src="js/shaders/ColorCorrectionShader.js"></script>
 		<script src="js/shaders/VignetteShader.js"></script>
-		
+
 		<script src="js/loaders/sea3d/SEA3D.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLZMA.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLoader.js"></script>
@@ -62,7 +62,7 @@
 
 			// Initialize Three.JS
 
-			init(); 
+			init();
 
 			//
 			// SEA3D Loader
@@ -105,7 +105,7 @@
 				camera.position.set( 1000, - 300, 1000 );
 
 				controls = new THREE.OrbitControls( camera );
-				
+
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
@@ -166,7 +166,7 @@
 			function animate() {
 
 				var delta = clock.getDelta();
-				
+
 				requestAnimationFrame( animate );
 
 				// Update SEA3D Animations

+ 6 - 6
examples/webgl_loader_sea3d_hierarchy.html

@@ -38,11 +38,11 @@
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
 		<script src="js/postprocessing/ShaderPass.js"></script>
-		<script src="js/postprocessing/MaskPass.js"></script> 
+		<script src="js/postprocessing/MaskPass.js"></script>
 		<script src="js/shaders/CopyShader.js"></script>
 		<script src="js/shaders/ColorCorrectionShader.js"></script>
 		<script src="js/shaders/VignetteShader.js"></script>
-		
+
 		<script src="js/loaders/sea3d/SEA3D.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLZMA.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLoader.js"></script>
@@ -62,14 +62,14 @@
 
 			// Initialize Three.JS
 
-			init(); 
+			init();
 
 			//
 			// SEA3D Loader
 			//
 
 			loader = new THREE.SEA3D( {
-				
+
 				autoPlay : false, // Auto play animations
 				container : scene, // Container to add models
 				parser : THREE.SEA3D.BUFFER, // THREE.BufferGeometry
@@ -87,7 +87,7 @@
 					if (loader.meshes[i].animation)
 						loader.meshes[i].animation.play("root");
 				}
-			
+
 				// Get the first camera from 3ds Max
 				// use loader.get... to get others objects
 
@@ -174,7 +174,7 @@
 			function animate() {
 
 				var delta = clock.getDelta();
-				
+
 				requestAnimationFrame( animate );
 
 				// Update SEA3D Animations

+ 29 - 29
examples/webgl_loader_sea3d_keyframe.html

@@ -39,11 +39,11 @@
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
 		<script src="js/postprocessing/ShaderPass.js"></script>
-		<script src="js/postprocessing/MaskPass.js"></script> 
+		<script src="js/postprocessing/MaskPass.js"></script>
 		<script src="js/shaders/CopyShader.js"></script>
 		<script src="js/shaders/ColorCorrectionShader.js"></script>
 		<script src="js/shaders/VignetteShader.js"></script>
-		
+
 		<script src="js/loaders/sea3d/SEA3D.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLZMA.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLoader.js"></script>
@@ -63,7 +63,7 @@
 
 			// Initialize Three.JS
 
-			init(); 
+			init();
 
 			//
 			// SEA3D Loader
@@ -89,11 +89,11 @@
 
 				// reset global animation time
 				SEA3D.AnimationHandler.setTime( 0 );
-				
+
 				// events
-				
+
 				window.addEventListener('click', onMouseClick, false);
-				
+
 				animate();
 
 			};
@@ -116,26 +116,26 @@
 				}
 
 			}
-			
-			function setTimeScale( timeScale ) {		
-			
+
+			function setTimeScale( timeScale ) {
+
 				// set in all active animations
-				for(var i in SEA3D.AnimationHandler.animations) {		
+				for(var i in SEA3D.AnimationHandler.animations) {
 					SEA3D.AnimationHandler.animations[i].timeScale = timeScale;
 				}
 
 			}
-			
+
 			function stopAll() {
 
 				// reset global time
 				SEA3D.AnimationHandler.setTime( 0 );
-				
+
 				// stop all active animations
 				SEA3D.AnimationHandler.stop();
-				
+
 			}
-			
+
 			//
 
 			function init() {
@@ -188,7 +188,7 @@
 				scene.add( new THREE.AmbientLight( 0x333333 ) );
 
 				// events
-				
+
 				window.addEventListener( 'resize', onWindowResize, false );
 
 			}
@@ -210,18 +210,18 @@
 				document.getElementById('description').innerHTML = (demoAt + 1) + " - " + msg;
 
 			}
-			
+
 			function onMouseClick( e ) {
 
 				// 0 at 3 demos
 
-				switch( demoAt = ++demoAt % 4 ) {				
+				switch( demoAt = ++demoAt % 4 ) {
 
 					// play all animation to sequence "crash#1"
 
 					case 0:
 
-						playAll("crash#1", .5);	
+						playAll("crash#1", .5);
 						setTimeScale(1);
 
 						description("crash#1 - crossfade 0.5 seconds");
@@ -232,11 +232,11 @@
 
 					case 1:
 
-						playAll("crash#2", .5);	
-						
+						playAll("crash#2", .5);
+
 						description("crash#2 - crossfade 0.5 seconds");
 
-						break;		
+						break;
 
 					// play animation in single object
 
@@ -247,17 +247,17 @@
 						var fracture99 = loader.getMesh("Object099");
 
 						//fracture99.animation.time = 0;
-						//fracture99.animation.timeScale = 1;						
-						//fracture99.animation.playing								
-						//fracture99.animation.states ...	
-						//fracture99.animation.currentState ...						
+						//fracture99.animation.timeScale = 1;
+						//fracture99.animation.playing
+						//fracture99.animation.states ...
+						//fracture99.animation.currentState ...
 
 						//fracture99.animation.node ...
 						//fracture99.animation.node.duration
 
 						fracture99.animation.play("crash#2", .5, 0);
 						//fracture99.animation.pause();
-						//fracture99.animation.stop();						
+						//fracture99.animation.stop();
 
 						description("crash#2 in single object - crossfade 0.5 seconds");
 
@@ -268,11 +268,11 @@
 					case 3:
 
 						playAll("crash#2", .5);
-						setTimeScale(.1);	
+						setTimeScale(.1);
 
 						description("time scale / 10 - crossfade 0.5 seconds");
 
-						break;							
+						break;
 				}
 			}
 
@@ -283,7 +283,7 @@
 			function animate() {
 
 				var delta = clock.getDelta();
-				
+
 				requestAnimationFrame( animate );
 
 				// Update SEA3D Animations

+ 8 - 8
examples/webgl_loader_sea3d_morph.html

@@ -38,11 +38,11 @@
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
 		<script src="js/postprocessing/ShaderPass.js"></script>
-		<script src="js/postprocessing/MaskPass.js"></script> 
+		<script src="js/postprocessing/MaskPass.js"></script>
 		<script src="js/shaders/CopyShader.js"></script>
 		<script src="js/shaders/ColorCorrectionShader.js"></script>
 		<script src="js/shaders/VignetteShader.js"></script>
-		
+
 		<script src="js/loaders/sea3d/SEA3D.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLZMA.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLoader.js"></script>
@@ -62,7 +62,7 @@
 
 			// Initialize Three.JS
 
-			init(); 
+			init();
 
 			//
 			// SEA3D Loader
@@ -88,11 +88,11 @@
 
 				// get mesh
 				teapot = loader.getMesh("Teapot01");
-				
+
 				// events
-				
+
 				window.addEventListener( 'mousemove', onMouseMove, false );
-				
+
 				animate();
 
 			};
@@ -167,7 +167,7 @@
 				teapot.setWeight("Sphere", mouseY / window.innerHeight);
 
 			}
-			
+
 			function onWindowResize() {
 
 				camera.aspect = window.innerWidth / window.innerHeight;
@@ -184,7 +184,7 @@
 			function animate() {
 
 				var delta = clock.getDelta();
-				
+
 				requestAnimationFrame( animate );
 
 				render( delta );

+ 8 - 8
examples/webgl_loader_sea3d_skinning.html

@@ -40,11 +40,11 @@
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
 		<script src="js/postprocessing/ShaderPass.js"></script>
-		<script src="js/postprocessing/MaskPass.js"></script> 
+		<script src="js/postprocessing/MaskPass.js"></script>
 		<script src="js/shaders/CopyShader.js"></script>
 		<script src="js/shaders/ColorCorrectionShader.js"></script>
 		<script src="js/shaders/VignetteShader.js"></script>
-		
+
 		<script src="js/loaders/sea3d/SEA3D.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLZMA.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLoader.js"></script>
@@ -64,7 +64,7 @@
 
 			// Initialize Three.JS
 
-			init(); 
+			init();
 
 			//
 			// SEA3D Loader
@@ -116,7 +116,7 @@
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.set( 1000, - 300, 1000 );
 
-				controls = new THREE.OrbitControls( camera );				
+				controls = new THREE.OrbitControls( camera );
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
@@ -172,7 +172,7 @@
 				e.preventDefault();
 
 			}
-			
+
 			function onMouseClick( e ) {
 
 				if (e.button != 0) return;
@@ -181,7 +181,7 @@
 				hat.visible = !hat.visible;
 
 			}
-			
+
 			function onWindowResize() {
 
 				camera.aspect = window.innerWidth / window.innerHeight;
@@ -198,14 +198,14 @@
 			function animate() {
 
 				var delta = clock.getDelta();
-				
+
 				requestAnimationFrame( animate );
 
 				// Update SEA3D Animations
 				THREE.SEA3D.AnimationHandler.update( delta );
 
 				// Update Three.JS Animations
-				THREE.AnimationHandler.update( delta ); 
+				THREE.AnimationHandler.update( delta );
 
 				render( delta );
 

+ 29 - 29
examples/webgl_loader_sea3d_sound.html

@@ -22,7 +22,7 @@
 				display:block;
 
 			}
-			
+
 			#blocker {
 
 				position: absolute;
@@ -79,19 +79,19 @@
 			</div>
 
 		</div>
-		
+
 		<script src="../build/three.min.js"></script>
-		
+
 		<script src="js/controls/PointerLockControls.js"></script>
-		
+
 		<script src="js/postprocessing/EffectComposer.js"></script>
 		<script src="js/postprocessing/RenderPass.js"></script>
 		<script src="js/postprocessing/ShaderPass.js"></script>
-		<script src="js/postprocessing/MaskPass.js"></script> 
+		<script src="js/postprocessing/MaskPass.js"></script>
 		<script src="js/shaders/CopyShader.js"></script>
 		<script src="js/shaders/ColorCorrectionShader.js"></script>
 		<script src="js/shaders/VignetteShader.js"></script>
-		
+
 		<script src="js/loaders/sea3d/SEA3D.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLZMA.js"></script>
 		<script src="js/loaders/sea3d/SEA3DLoader.js"></script>
@@ -110,16 +110,16 @@
 			var moveLeft, moveForward, moveBackward, moveRight;
 
 			initKeyDown
-			
+
 			var loader;
-			var audioListener, soundFilter;			
+			var audioListener, soundFilter;
 			var soundArea, collisionArea;
 
 			// Initialize Three.JS
 
 			initPointerLock();
 			initKeyDown();
-			init(); 
+			init();
 
 			//
 			// SEA3D Loader
@@ -141,7 +141,7 @@
 				soundFilter = audioListener.context.createBiquadFilter();
 				soundFilter.type = 'lowpass';
 				soundFilter.Q.value = 10;
-				soundFilter.frequency.value = 440;	
+				soundFilter.frequency.value = 440;
 
 				soundArea = loader.getSound3D("Point002");
 				collisionArea = loader.getMesh("Torus003");
@@ -158,7 +158,7 @@
 
 				blocker = document.getElementById( 'blocker' );
 				instructions = document.getElementById( 'instructions' );
-			
+
 				// http://www.html5rocks.com/en/tutorials/pointerlock/intro/
 
 				var havePointerLock = 'pointerLockElement' in document || 'mozPointerLockElement' in document || 'webkitPointerLockElement' in document;
@@ -248,7 +248,7 @@
 				}
 
 			}
-			
+
 			function initKeyDown() {
 
 				var onKeyDown = function ( event ) {
@@ -262,7 +262,7 @@
 
 						case 37: // left
 						case 65: // a
-							moveLeft = true; 
+							moveLeft = true;
 							break;
 
 						case 40: // down
@@ -309,27 +309,27 @@
 
 				document.addEventListener( 'keydown', onKeyDown, false );
 				document.addEventListener( 'keyup', onKeyUp, false );
-			
+
 			}
-			
+
 			function init() {
 
 				raycaster = new THREE.Raycaster();
 
 				scene = new THREE.Scene();
 				velocity = new THREE.Vector3();
-				
+
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );				
-				
+				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
+
 				controls = new THREE.PointerLockControls( camera );
 				scene.add( controls.getObject() );
-				
-				controls.getObject().translateX( 250 );				
+
+				controls.getObject().translateX( 250 );
 				controls.getObject().translateZ( 250 );
-				
+
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
@@ -382,7 +382,7 @@
 			//
 
 			function animateCamera( delta ) {
-				
+
 				var scale = 1400;
 
 				velocity.x -= velocity.x * 10.0 * delta;
@@ -396,19 +396,19 @@
 				if ( moveLeft ) velocity.x -= scale * delta;
 				if ( moveRight ) velocity.x += scale * delta;
 
-				controls.getObject().translateX( velocity.x * delta );				
+				controls.getObject().translateX( velocity.x * delta );
 				controls.getObject().translateZ( velocity.z * delta );
 
 			}
 
 			var clock = new THREE.Clock();
-			var audioPos = new THREE.Vector3();			
+			var audioPos = new THREE.Vector3();
 			var audioRot = new THREE.Euler();
 
 			function updateSoundFilter( collision, sound3d ) {
 
 				// difference position between sound and listener
-				var difPos = new THREE.Vector3().setFromMatrixPosition( sound3d.matrixWorld ).sub(audioPos);	
+				var difPos = new THREE.Vector3().setFromMatrixPosition( sound3d.matrixWorld ).sub(audioPos);
 				var length = difPos.length();
 
 				// pick a vector from camera to sound
@@ -432,23 +432,23 @@
 			function animate() {
 
 				var delta = clock.getDelta();
-				
+
 				animateCamera( delta );
 
 				// Sound3D Spatial Transform Update
 				loader.audioListener.position.copy( audioPos.setFromMatrixPosition( camera.matrixWorld ) );
 				loader.audioListener.rotation.copy( audioRot.setFromRotationMatrix( camera.matrixWorld ) );
 
-				// Update sound filter from raycaster intersecting				
+				// Update sound filter from raycaster intersecting
 				updateSoundFilter( collisionArea, soundArea );
 
 				// Update SEA3D Animations
-				THREE.SEA3D.AnimationHandler.update( delta );				
+				THREE.SEA3D.AnimationHandler.update( delta );
 
 				render( delta );
 
 				stats.update();
-				
+
 				requestAnimationFrame( animate );
 
 			}