Add option to export scene and modify alphaMode since all gui created…

… meterials are default transparent
opensim-org · Jan 4, 2024 · a3e7f9e · a3e7f9e
1 parent 4d25e77
commit a3e7f9e
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 5 deletions.
diff --git a/editor/index.html b/editor/index.html
@@ -18,7 +18,7 @@
 
 		<!--<script src="../examples/js/libs/draco/draco_encoder.js"></script>-->
 		<script src="../examples/js/libs/dat.gui.min.js"></script>
-
+		<script src="../examples/js/exporters/GLTFExporter.js"></script>
 
 		<link rel="stylesheet" href="js/libs/codemirror/codemirror.css">
 		<link rel="stylesheet" href="js/libs/codemirror/theme/monokai.css">
@@ -71,7 +71,7 @@
 			//import { VRButton } from '../examples/jsm/webxr/VRButton.js';
 			import { OpenSimToolbar } from './js/OpenSimToolbar.js';
 			import { websocket } from './websocket.js';
-
+			import { GLTFExporter } from '../examples/jsm/exporters/GLTFExporter.js';
 
 			function getParameterByName(name, url) {
 				if (!url) url = window.location.href;
@@ -134,7 +134,27 @@
       elem.style.bottom="20px";
       window.dispatchEvent(new Event('resize'));
       }
-      // Screen Capture
+      // Export
+          this.exportGLtf = function () {
+            var hasGround = editor.groundPlane !== null;
+            var saveGround = (hasGround?editor.groundPlane.visible:null);
+            if (hasGround)
+                  editor.groundPlane.visible = false;
+            var scene = editor.scene;
+            // create exporter 
+            var exporter = new GLTFExporter();
+            exporter.parse( scene, function ( result ) {
+                    var jsonGltf = JSON.stringify( result, null, 2 );
+                    var blob = new Blob( [ jsonGltf ], { type: 'text/plain' } );
+                    var link = document.createElement( 'a' );
+                    link.href = URL.createObjectURL( blob );
+                    link.download = 'scene.gltf';
+                    link.dispatchEvent( new MouseEvent( 'click' ) );
+            }, {});
+            if (hasGround)
+                groundPlane.visible = saveGround;
+        }
+        // Screen Capture
       this.screenCaptureDPI =  editor.config.getKey('settings/captureDPI');
       if (this.screenCaptureDPI === undefined){
       editor.config.setKey('settings/captureDPI', 2);
@@ -177,6 +197,7 @@
       modelLightIntensity.name('Model Light').onChange(function(value){
         editor.updateModelLightIntensity(value);
       });
+			gui.add(knobs, 'exportGLtf').name('Export scene');
       if (getParameterByName('expert') === "1"){
         gui.add(knobs, 'expertModeSelect').name('Expert Mode');
         gui.add(knobs, 'showStats').name('FPS');

diff --git a/examples/js/exporters/GLTFExporter.js b/examples/js/exporters/GLTFExporter.js
@@ -1224,7 +1224,7 @@ THREE.GLTFExporter = ( function () {
 			// alphaMode
 			if ( material.transparent ) {
 
-				materialDef.alphaMode = 'BLEND';
+				materialDef.alphaMode = 'OPAQUE';
 
 			} else {
 

diff --git a/examples/jsm/exporters/GLTFExporter.js b/examples/jsm/exporters/GLTFExporter.js
@@ -1247,7 +1247,7 @@ var GLTFExporter = ( function () {
 			// alphaMode
 			if ( material.transparent ) {
 
-				materialDef.alphaMode = 'BLEND';
+				materialDef.alphaMode = 'OPAQUE';
 
 			} else {