Browse Source

Formatted codegot approval from mrdoobapproves; it says Possibly \o/*\o

cg-cnu 7 years ago
parent
commit
99c0ba507d

+ 7 - 1
docs/examples/loaders/BabylonLoader.html

@@ -27,15 +27,21 @@
 			'models/babylon/skull.babylon',
 			// called when resource is loaded
 			function ( object ) {
+
 				scene.add( object );
+
 			},
 			// called when loading is in progress
 			function ( xhr ) {
-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
+
+				console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
+
 			},
 			// called when loading has errors
 			function ( xhr ) {
+
 				console.log( 'An error happened' );
+
 			}
 		);
 		</code>

+ 32 - 26
docs/examples/loaders/GLTFLoader.html

@@ -46,32 +46,38 @@
 		<h2>Example</h2>
 
 		<code>
-		// Instantiate a loader
-		var loader = new THREE.GLTFLoader();
-
-		// Load a glTF resource
-		loader.load( 
-			// resource URL
-			'models/gltf/duck/duck.gltf', 
-			// called when the resource is loaded			
-			function ( gltf ) {
-				scene.add( gltf.scene );
-
-				gltf.animations; // Array&lt;THREE.AnimationClip&gt;
-				gltf.scene;      // THREE.Scene
-				gltf.scenes;     // Array&lt;THREE.Scene&gt;
-				gltf.cameras;    // Array&lt;THREE.Camera&gt;
-			},
-			// called when loading is in progresses
-			function ( xhr ) {
-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
-			},
-			// called when loading has errors
-			function ( error ) {
-				console.log( 'An error happened' );
-			}
-		);
-		</code>
+			// Instantiate a loader
+			var loader = new THREE.GLTFLoader();
+	
+			// Load a glTF resource
+			loader.load(
+				// resource URL
+				'models/gltf/duck/duck.gltf',
+				// called when the resource is loaded
+				function ( gltf ) {
+	
+					scene.add( gltf.scene );
+	
+					gltf.animations; // Array&lt;THREE.AnimationClip&gt;
+					gltf.scene; // THREE.Scene
+					gltf.scenes; // Array&lt;THREE.Scene&gt;
+					gltf.cameras; // Array&lt;THREE.Camera&gt;
+	
+				},
+				// called when loading is in progresses
+				function ( xhr ) {
+	
+					console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
+	
+				},
+				// called when loading has errors
+				function ( error ) {
+	
+					console.log( 'An error happened' );
+	
+				}
+			);
+			</code>
 
 		[example:webgl_loader_gltf]
 

+ 7 - 1
docs/examples/loaders/OBJLoader.html

@@ -31,15 +31,21 @@
 			'models/monster.obj',
 			// called when resource is loaded
 			function ( object ) {
+
 				scene.add( object );
+
 			},
 			// called when loading is in progresses
 			function ( xhr ) {
-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
+
+				console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
+
 			},
 			// called when loading has errors
 			function ( error ) {
+
 				console.log( 'An error happened' );
+
 			}
 		);
 		</code>

+ 8 - 2
docs/examples/loaders/PCDLoader.html

@@ -26,18 +26,24 @@
 		// load a resource
 		loader.load(
 			// resource URL
-			'pointcloud.pcd' ,
+			'pointcloud.pcd',
 			// called when the resource is loaded
 			function ( mesh ) {
+
 				scene.add( mesh );
+
 			},
 			// called when loading is in progresses
 			function ( xhr ) {
-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
+
+				console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
+
 			},
 			// called when loading has errors
 			function ( error ) {
+
 				console.log( 'An error happened' );
+
 			}
 		);
 		</code>

+ 6 - 1
docs/examples/loaders/PDBLoader.html

@@ -33,14 +33,19 @@
 				var json = pdb.json;
 
 				console.log( 'This molecule has ' + json.atoms.length + ' atoms' );
+
 			},
 			// called when loading is in progresses
 			function ( xhr ) {
-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
+
+				console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
+
 			},
 			// called when loading has errors
 			function ( error ) {
+
 				console.log( 'An error happened' );
+
 			}
 		);
 		</code>

+ 25 - 12
docs/examples/loaders/SVGLoader.html

@@ -18,21 +18,34 @@
 		<h2>Example</h2>
 		
 		<code>
+		// instantiate a loader
+		var loader = new THREE.PDBLoader();
 
-		// instantiate the loader
-		var loader = new THREE.SVGLoader();
-		
-		// load a SVG resource
+		// load a PDB resource
 		loader.load(
-			//	resource URL
-			'data/svgSample.svg',
-			// called when the resource is loaded.
-			function(doc){
-				scene.add( new THREE.SVGObject(doc) );				
+			// resource URL
+			'models/molecules/caffeine.pdb',
+			// called when the resource is loaded
+			function ( pdb ) {
+
+				var geometryAtoms = pdb.geometryAtoms;
+				var geometryBonds = pdb.geometryBonds;
+				var json = pdb.json;
+
+				console.log( 'This molecule has ' + json.atoms.length + ' atoms' );
+
 			},
-			// called when the loading failed with errors.
-			function(error){
-				console.log("Error loading SVG!");
+			// called when loading is in progresses
+			function ( xhr ) {
+
+				console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
+
+			},
+			// called when loading has errors
+			function ( error ) {
+
+				console.log( 'An error happened' );
+
 			}
 		);
 		</code>

+ 7 - 1
docs/examples/loaders/TGALoader.html

@@ -26,15 +26,21 @@
 			'textures/crate_grey8.tga'
 			// called when loading is completed
 			function ( texture ) {
+
 				console.log( 'Texture is loaded' );
+
 			},
 			// called when the loading is in progresses
 			function ( xhr ) {
-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
+
+				console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
+
 			},
 			// called when the loading failes
 			function ( error ) {
+
 				console.log( 'An error happened' );
+
 			}
 		);