浏览代码

Examples: Add GUI to USDZ exporter demo. (#26607)

Michael Herzog 1 年之前
父节点
当前提交
61846eed25
共有 1 个文件被更改,包括 23 次插入0 次删除
  1. 23 0
      examples/misc_exporter_usdz.html

+ 23 - 0
examples/misc_exporter_usdz.html

@@ -57,9 +57,14 @@
 
 
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 			import { USDZExporter } from 'three/addons/exporters/USDZExporter.js';
 			import { USDZExporter } from 'three/addons/exporters/USDZExporter.js';
+			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
 
 			let camera, scene, renderer;
 			let camera, scene, renderer;
 
 
+			const params = {
+				exportUSDZ: exportUSDZ
+			};
+
 			init();
 			init();
 			render();
 			render();
 
 
@@ -113,6 +118,17 @@
 
 
 				window.addEventListener( 'resize', onWindowResize );
 				window.addEventListener( 'resize', onWindowResize );
 
 
+				const isIOS = /iPad|iPhone|iPod/.test( navigator.userAgent );
+
+				if ( isIOS === false ) {
+
+					const gui = new GUI();
+
+					gui.add( params, 'exportUSDZ' ).name( 'Export USDZ' );
+					gui.open();
+
+				}
+
 			}
 			}
 
 
 			function createSpotShadowMesh() {
 			function createSpotShadowMesh() {
@@ -154,6 +170,13 @@
 
 
 			}
 			}
 
 
+			function exportUSDZ() {
+
+				const link = document.getElementById( 'link' );
+				link.click();
+
+			}
+
 			//
 			//
 
 
 			function render() {
 			function render() {