three-base 2.0.61 → 2.0.62

package/ThreeBase.js

@@ -133,6 +133,7 @@ export default class ThreeBase extends EventDispatcher {
             if (this.rendererLost) {
                 this.renderer.forceContextRestore();
                 this.renderer.domElement.style.opacity = "1";
+                this.needRender = true;
             }
             this.setSize(div.clientWidth, div.clientHeight);
             // 开启时时渲染

package/ThreeBase.ts

@@ -152,6 +152,7 @@ export default class ThreeBase extends EventDispatcher {
             if (this.rendererLost) {
                 this.renderer.forceContextRestore();
                 this.renderer.domElement.style.opacity = "1";
+                this.needRender = true;
             }
 
             this.setSize(div.clientWidth, div.clientHeight);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "three-base",
-    "version": "2.0.61",
+    "version": "2.0.62",
     "description": "three 3d three-base",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"

package/threeUtils.d.ts

@@ -41,6 +41,7 @@ declare class ThreeUtils extends EventDispatcher {
     exportUsdz(): void;
     getVolume(geometry: BufferGeometry): number;
     signedVolumeOfTriangle(p1: Vector3, p2: Vector3, p3: Vector3): number;
+    dipose(object3d: Object3D): void;
 }
 declare const threeUtils: ThreeUtils;
 export default threeUtils;

package/threeUtils.js

@@ -4,7 +4,7 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-05-03 00:36:18
  */
-import { Box3, Clock, EventDispatcher, Vector3 } from "three";
+import { Box3, Clock, EventDispatcher, Material, Vector3 } from "three";
 import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter';
 class ThreeUtils extends EventDispatcher {
     constructor() {
@@ -244,6 +244,23 @@ class ThreeUtils extends EventDispatcher {
     signedVolumeOfTriangle(p1, p2, p3) {
         return p1.dot(p2.cross(p3)) / 6.0;
     }
+    //清理对象的网格和材质的缓存
+    dipose(object3d) {
+        object3d.traverse(obj => {
+            const mesh = obj;
+            if (mesh.isMesh) {
+                mesh.geometry.dispose();
+                if (mesh.material instanceof Material) {
+                    mesh.material.dispose();
+                }
+                else if (mesh.material instanceof Array) {
+                    mesh.material.map(m => {
+                        m.dispose();
+                    });
+                }
+            }
+        });
+    }
 }
 const threeUtils = new ThreeUtils();
 export default threeUtils;

package/threeUtils.ts

@@ -5,7 +5,7 @@
  * @Last Modified time: 2023-05-03 00:36:18
  */
 
-import { Box3, BufferAttribute, BufferGeometry, Clock, EventDispatcher, Mesh, MeshStandardMaterial, Object3D, Vector3 } from "three";
+import { Box3, BufferAttribute, BufferGeometry, Clock, EventDispatcher, Material, Mesh, MeshStandardMaterial, Object3D, Vector3 } from "three";
 import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter';
 
 class ThreeUtils extends EventDispatcher {
@@ -242,7 +242,7 @@ class ThreeUtils extends EventDispatcher {
 
     //导出usdz
     exportUsdz() {
-        
+
     }
 
     // 计算网格的体积
@@ -283,6 +283,23 @@ class ThreeUtils extends EventDispatcher {
         return p1.dot(p2.cross(p3)) / 6.0;
     }
 
+    //清理对象的网格和材质的缓存
+    dipose(object3d: Object3D) {
+        object3d.traverse(obj => {
+            const mesh = obj as Mesh;
+            if (mesh.isMesh) {
+                mesh.geometry.dispose();
+                if (mesh.material instanceof Material) {
+                    mesh.material.dispose();
+                } else if (mesh.material instanceof Array) {
+                    mesh.material.map(m => {
+                        m.dispose();
+                    })
+                }
+            }
+        });
+    }
+
 }
 
 const threeUtils = new ThreeUtils();