Inicio Explorar Axuda
Iniciar sesión
javascript
/
three.js
réplica de https://github.com/tazdij/three.js.git
2
0
Fork 0
Ficheiros Incidencias 0 Wiki
Explorar o código

Merge pull request #11953 from fernandojsg/multipleObjects

GLTF2Exporter: Allow single object and list of objects instead of just scenes
Mr.doob %!s(int64=8) %!d(string=hai) anos
pai
035847f807 ee06d68b7b
achega
1b30cda43e
Modificáronse 2 ficheiros con 88 adicións e 16 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 40 5
      examples/js/exporters/GLTFExporter.js
  2. 48 11
      examples/webgl_exporter_gltf2.html

+ 40 - 5
examples/js/exporters/GLTFExporter.js
Ver ficheiro 

@@ -798,21 +798,56 @@ THREE.GLTFExporter.prototype = {
 
 
 		}
 
 
-		// Process the scene/s
 
-		if ( input instanceof Array ) {
 
+		/**
 
+		 * Creates a THREE.Scene to hold a list of objects and parse it
 
+		 * @param  {Array} objects List of objects to process
 
+		 */
 
+		function processObjects ( objects ) {
 
+
 
+			var scene = new THREE.Scene();
 
+			scene.name = 'AuxScene';
 
+
 
+			for ( var i = 0; i < objects.length; i++ ) {
 
+
 
+				// We push directly to children instead of calling `add` to prevent
 
+				// modify the .parent and break its original scene and hierarchy
 
+				scene.children.push( objects[ i ] );
 
+
 
+			}
 
+
 
+			processScene( scene );
 
+
 
+		}
 
+
 
+		function processInput( input ) {
 
 
+			input = input instanceof Array ? input : [ input ];
 
+
 
+			var objectsWithoutScene = [];
 
 			for ( i = 0; i < input.length; i++ ) {
 
 
-				processScene( input[ i ] );
 
+				if ( input[ i ] instanceof THREE.Scene ) {
 
+
 
+					processScene( input[ i ] );
 
+
 
+				} else {
 
+
 
+					objectsWithoutScene.push( input[ i ] );
 
+
 
+				}
 
 
 			}
 
 
-		} else {
 
+			if ( objectsWithoutScene.length > 0 ) {
 
 
-			processScene( input );
 
+				processObjects( objectsWithoutScene );
 
+
 
+			}
 
 
 		}
 
 
+		processInput( input );
 
+
 
 		// Generate buffer
 
 		// Create a new blob with all the dataviews from the buffers
 
 		var blob = new Blob( dataViews, { type: 'application/octet-binary' } );

+ 48 - 11
examples/webgl_exporter_gltf2.html
Ver ficheiro 

@@ -12,6 +12,7 @@
 
 				overflow: hidden;
 
 			}
 
 			#info {
 
+				color: #ccc;
 
 				text-align: center;
 
 				position: absolute;
 
 				top: 0px; width: 100%;
 
@@ -21,7 +22,12 @@
 
 	</head>
 
 	<body>
 
 		<div id="info">
 
-			<button id="export">Export scene to .GLTF</button>
 
+			GLTF2 Exporter<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_objects">Export Sphere and Grid</button>
 
+			<button id="export_scene_object">Export Scene1 and Sphere</button>
 
 		</div>
 
 
 		<script src="../build/three.js"></script>
 
@@ -31,11 +37,11 @@
 
 
 		<script>
 
 
-			document.getElementById( 'export' ).addEventListener( 'click', function () {
 
+			function exportGLTF( input ) {
 
 
 				var gltfExporter = new THREE.GLTFExporter( renderer );
 
 
-				gltfExporter.parse( [ scene1 ], function( result ) {
 
+				gltfExporter.parse( input, function( result ) {
 
 
 					var output = JSON.stringify( result, null, 2 );
 
 					console.log( output );
 
@@ -43,8 +49,39 @@
 
 
 				} );
 
 
+			}
 
+
 
+			document.getElementById( 'export_scene' ).addEventListener( 'click', function () {
 
+
 
+				exportGLTF( scene1 );
 
+
 
+			} );
 
+
 
+			document.getElementById( 'export_scenes' ).addEventListener( 'click', function () {
 
+
 
+				exportGLTF( [ scene1, scene2 ] );
 
+
 
+			} );
 
+
 
+			document.getElementById( 'export_object' ).addEventListener( 'click', function () {
 
+
 
+				exportGLTF( sphere );
 
+
 
 			} );
 
 
+			document.getElementById( 'export_objects' ).addEventListener( 'click', function () {
 
+
 
+				exportGLTF( [ sphere, gridHelper ] );
 
+
 
+			} );
 
+
 
+			document.getElementById( 'export_scene_object' ).addEventListener( 'click', function () {
 
+
 
+				exportGLTF( [ scene1, gridHelper ] );
 
+
 
+			} );
 
+
 
+
 
 			var link = document.createElement( 'a' );
 
 			link.style.display = 'none';
 
 			document.body.appendChild( link ); // Firefox workaround, see #6594
 
@@ -69,13 +106,13 @@
 
 
 			var container;
 
 
-			var camera, scene1, renderer;
 
+			var camera, scene1, scene2, renderer;
 
+			var gridHelper, sphere;
 
 
 			init();
 
 			animate();
 
 
 			function init() {
 
-				var object;
 
 
 				container = document.createElement( 'div' );
 
 				document.body.appendChild( container );
 
@@ -107,7 +144,7 @@
 
 				// ---------------------------------------------------------------------
 
 				// Grid
 
 				// ---------------------------------------------------------------------
 
-				var gridHelper = new THREE.GridHelper( 2000, 20 );
 
+				gridHelper = new THREE.GridHelper( 2000, 20 );
 
 				gridHelper.position.y = -50;
 
 				gridHelper.name = "Grid";
 
 				scene1.add( gridHelper );
 
@@ -167,10 +204,10 @@
 
 					roughness: 1.0,
 
 					flatShading: true
 
 				} );
 
-				object = new THREE.Mesh( new THREE.SphereBufferGeometry( 70, 10, 10 ), material );
 
-				object.position.set( 0, 0, 0 );
 
-				object.name = "Sphere";
 
-				scene1.add( object );
 
+				sphere = new THREE.Mesh( new THREE.SphereBufferGeometry( 70, 10, 10 ), material );
 
+				sphere.position.set( 0, 0, 0 );
 
+				sphere.name = "Sphere";
 
+				scene1.add( sphere );
 
 
 				// Cylinder
 
 				material = new THREE.MeshStandardMaterial( {
 
@@ -362,7 +399,7 @@
 
 				// ---------------------------------------------------------------------
 
 				// 2nd Scene
 
 				// ---------------------------------------------------------------------
 
-				var scene2 = new THREE.Scene();
 
+				scene2 = new THREE.Scene();
 
 				object = new THREE.Mesh( new THREE.BoxBufferGeometry( 100, 100, 100 ), material );
 
 				object.position.set( 0, 0, 0 );
 
 				object.name = "Cube2ndScene";