Cleaned up exporter examples.

mrdoob · Dec 31, 2018 · b789747 · b789747
1 parent 78b5041
commit b789747
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 37 deletions.
diff --git a/examples/misc_exporter_collada.html b/examples/misc_exporter_collada.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		<title>three.js webgl - collada exporter</title>
+		<title>three.js webgl - exporter - collada</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<style>
@@ -31,8 +31,7 @@
 	</head>
 	<body>
 		<div id="info">
-			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - the Utah Teapot<br />
-			from <a href="https://www.udacity.com/course/interactive-3d-graphics--cs291" target="_blank" rel="noopener">Udacity Interactive 3D Graphics</a>
+			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - exporter - collada<br /><br />
 			<button id="savecolladabutton">save collada</button>
 		</div>
 
@@ -366,7 +365,7 @@
 			}
 
 			var exporter = new THREE.ColladaExporter();
-			
+
 			function saveColladaFile() {
 
 				var result = exporter.parse( teapot );

diff --git a/examples/misc_exporter_gltf.html b/examples/misc_exporter_gltf.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		<title>three.js webgl - gltf exporter</title>
+		<title>three.js webgl - exporter - gltf</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<style>
@@ -22,14 +22,14 @@
 	</head>
 	<body>
 		<div id="info">
-			GLTF Exporter<br/>
+			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - exporter - gltf<br/><br/>
 			<button id="export_scene">Export Scene1</button>
 			<button id="export_scenes">Export Scene1 and Scene 2</button>
 			<button id="export_object">Export Sphere</button>
 			<button id="export_obj">Export WaltHead</button>
 			<button id="export_objects">Export Sphere and Grid</button>
 			<button id="export_scene_object">Export Scene1 and Sphere</button>
-			<br/>
+			<br/><br/>
 			<label><input id="option_trs" name="trs" type="checkbox"/>TRS</label>
 			<label><input id="option_visible" name="visible" type="checkbox" checked="checked"/>Only Visible</label>
 			<label><input id="option_drawrange" name="visible" type="checkbox" checked="checked"/>Truncate drawRange</label>

diff --git a/examples/misc_exporter_obj.html b/examples/misc_exporter_obj.html
@@ -51,14 +51,13 @@
 	</head>
 	<body>
 		<div id="info">
-			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a>
-			- geometries:
+			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - exporter - obj<br /><br />
 			<span class="link" id="triangle">triangle</span>,
 			<span class="link" id="cube">cube</span>,
 			<span class="link" id="cylinder">cylinder</span>,
-			<span class="link" id="both">both</span>,
-			<span class="link" id="transformed">transformed</span>
-			- <span class="link" id="export">export to obj</span>
+			<span class="link" id="multiple">multiple</span>,
+			<span class="link" id="transformed">transformed</span><br /><br />
+			<span class="link" id="export">export to obj</span>
 		</div>
 
 		<script src="../build/three.js"></script>
@@ -182,7 +181,7 @@
 					addGeometry( 3 );
 
 				} );
-				document.getElementById( 'both' ).addEventListener( 'click', function () {
+				document.getElementById( 'multiple' ).addEventListener( 'click', function () {
 
 					addGeometry( 4 );
 

diff --git a/examples/misc_exporter_stl.html b/examples/misc_exporter_stl.html
@@ -28,15 +28,15 @@
 	</head>
 	<body>
 		<div id="info">
-			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - exporter - stl
+			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - exporter - stl<br/><br/>
+			<button onclick="exportASCII()">export ASCII</button> <button onclick="exportBinary()">export binary</button>
 		</div>
 
 		<script src="../build/three.js"></script>
 		<script src="js/controls/OrbitControls.js"></script>
 		<script src="js/exporters/STLExporter.js"></script>
 
 		<script src="js/WebGL.js"></script>
-		<script src="js/libs/dat.gui.min.js"></script>
 
 		<script>
 
@@ -115,28 +115,6 @@
 
 				//
 
-				var params = {
-					ASCII: function () {
-
-						exportASCII();
-
-					},
-					Binary: function () {
-
-						exportBinary();
-
-					}
-				};
-
-				var gui = new dat.GUI();
-				var folder = gui.addFolder( 'Export' );
-
-				folder.add( params, 'ASCII' );
-				folder.add( params, 'Binary' );
-				folder.open();
-
-				//
-
 				window.addEventListener( 'resize', onWindowResize, false );
 
 			}