three-base 2.0.83 → 2.0.85

package/threeUtils.js

@@ -4,15 +4,15 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-05-03 00:36:18
  */
-import { Box3, Clock, EventDispatcher, Material, Vector3 } from "three";
-import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter';
+import { Box3, Clock, EventDispatcher, Material, Vector3, } from "three";
+import { GLTFExporter } from "three/examples/jsm/exporters/GLTFExporter";
 class ThreeUtils extends EventDispatcher {
     constructor() {
         super();
         this.requestAnimationFrame();
     }
-    isProd = (process.env.NODE_ENV === "production");
-    isDev = (process.env.NODE_ENV === "development");
+    isProd = process.env.NODE_ENV === "production";
+    isDev = process.env.NODE_ENV === "development";
     _timeTemp = performance.now();
     _accumulate = 0; // 事件分发次数
     _box3 = new Box3();
@@ -21,11 +21,11 @@ class ThreeUtils extends EventDispatcher {
     _clock = new Clock();
     requestAnimationFrame() {
         this._accumulate += 1;
-        const timeTemp = this._timeTemp = performance.now();
+        const timeTemp = (this._timeTemp = performance.now());
         this.dispatchEvent({
             type: "requestAnimationFrame",
             timeTemp,
-            accumulate: this._accumulate
+            accumulate: this._accumulate,
         });
         this._computerDomZoom();
         //执行一个计划任务
@@ -42,7 +42,7 @@ class ThreeUtils extends EventDispatcher {
      */
     _computerDomZoom() {
         //1. 踢除没有出现在页面上的 dom 元素
-        this._keepZoomDoms = this._keepZoomDoms.filter(l => this.inDocument(l.dom));
+        this._keepZoomDoms = this._keepZoomDoms.filter((l) => this.inDocument(l.dom));
         //2.设置dom的缩放值样式
         this._keepZoomDoms.map((item, i) => {
             let parentDom = item.dom.parentNode;
@@ -53,7 +53,7 @@ class ThreeUtils extends EventDispatcher {
                 left: "50%",
                 transform: `translate(-50%, -50%) scale(${scale})`,
                 width: `${item.width}px`,
-                height: `${item.height}px`
+                height: `${item.height}px`,
             });
         });
     }
@@ -63,7 +63,7 @@ class ThreeUtils extends EventDispatcher {
     keepZoom(dom, width = 1920, height = 1080) {
         if (dom) {
             // 去掉相同的dom存储的信息
-            this._keepZoomDoms = this._keepZoomDoms.filter(l => l.dom !== dom);
+            this._keepZoomDoms = this._keepZoomDoms.filter((l) => l.dom !== dom);
             // 把配置加入到列表中
             this._keepZoomDoms.push({ dom, width, height });
             dom.dataset.a = "这个元素缩放比例由 threeUtils.keepZoom 方法设置";
@@ -136,7 +136,7 @@ class ThreeUtils extends EventDispatcher {
             this._box3.setFromObject(object3d);
             this._box3.getCenter(this._center);
             this._box3.getSize(this._size);
-            object3d.position.y -= (this._center.y - (this._size.y * 0.5));
+            object3d.position.y -= this._center.y - this._size.y * 0.5;
             object3d.position.y += y;
             object3d.updateMatrixWorld(true);
         }
@@ -164,7 +164,7 @@ class ThreeUtils extends EventDispatcher {
     // 使用指定的维度(xyz)计算, 缩放至指定大小;
     scaleTo(object3d, size = 1, key = ["x", "y", "z"]) {
         const originSize = this.getSize(object3d);
-        const scale = size / Math.max(...key.map(k => originSize[k]));
+        const scale = size / Math.max(...key.map((k) => originSize[k]));
         if (object3d.isObject3D) {
             object3d.scale.multiplyScalar(scale);
             object3d.updateMatrixWorld(true);
@@ -177,7 +177,7 @@ class ThreeUtils extends EventDispatcher {
     applyAllTranstion(object3d) {
         object3d.updateMatrixWorld(true);
         // 应用全部变换
-        object3d.traverse(obj => {
+        object3d.traverse((obj) => {
             obj.position.set(0, 0, 0);
             obj.rotation.set(0, 0, 0);
             obj.scale.set(1, 1, 1);
@@ -191,10 +191,10 @@ class ThreeUtils extends EventDispatcher {
         const gltfExporter = new GLTFExporter();
         gltfExporter.parse(input, (result) => {
             if (result instanceof ArrayBuffer) {
-                const link = document.createElement('a');
-                link.style.display = 'none';
+                const link = document.createElement("a");
+                link.style.display = "none";
                 document.body.appendChild(link); // Firefox workaround, see #6594
-                link.href = URL.createObjectURL(new Blob([result], { type: 'application/octet-stream' }));
+                link.href = URL.createObjectURL(new Blob([result], { type: "application/octet-stream" }));
                 link.download = `${fileName}.glb`;
                 link.click();
             }
@@ -202,12 +202,11 @@ class ThreeUtils extends EventDispatcher {
             trs: true,
             onlyVisible: true,
             binary: true,
-            maxTextureSize: 4096
+            maxTextureSize: 4096,
         });
     }
     //导出usdz
-    exportUsdz() {
-    }
+    exportUsdz() { }
     // 计算网格的体积
     getVolume(geometry) {
         if (!geometry.index)
@@ -246,7 +245,7 @@ class ThreeUtils extends EventDispatcher {
     }
     //清理对象的网格和材质的缓存
     dipose(object3d) {
-        object3d.traverse(obj => {
+        object3d.traverse((obj) => {
             const mesh = obj;
             if (mesh.isMesh) {
                 mesh.geometry.dispose();
@@ -254,13 +253,26 @@ class ThreeUtils extends EventDispatcher {
                     mesh.material.dispose();
                 }
                 else if (mesh.material instanceof Array) {
-                    mesh.material.map(m => {
+                    mesh.material.map((m) => {
                         m.dispose();
                     });
                 }
             }
         });
     }
+    // 获取文件名的后缀
+    getSuffix(filename) {
+        const match = filename.match(/\.([^\.]+)$/);
+        return match ? match[1].toLowerCase() : "";
+    }
+    // 从url 中提取文件名
+    getFilename(url) {
+        // 移除URL的查询字符串和哈希部分
+        const path = url.split("?")[0].split("#")[0];
+        // 使用lastIndexOf和substring从路径中提取文件名
+        const filename = path.substring(path.lastIndexOf("/") + 1);
+        return filename;
+    }
 }
 const threeUtils = new ThreeUtils();
 export default threeUtils;