lythreeframe 1.2.7 → 1.2.9

package/dist/bundle.cjs.js

@@ -1872,6 +1872,9 @@ class Viewport {
         else { //console.log("render renderer");
             this.renderer.render(this.app.world.scene, this.app.camera);
         }
+        if (this.labelRenderer) {
+            this.labelRenderer.render(this.app.world.scene, this.app.camera);
+        }
         this.isRenderStateDirty = false;
     }
     async renderAsImage(width = 1024, height = 1024) {
@@ -3161,6 +3164,19 @@ class FirstPerson extends Pawn {
     }
 }
 
+function debounce(func, delay) {
+    let timeoutId = null;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            func(...args);
+            timeoutId = null;
+        }, delay);
+    };
+}
+
 class TransformGizmo extends Pawn {
     get control() {
         if (!this._control) {
@@ -3238,26 +3254,29 @@ class TransformGizmo extends Pawn {
         }
     }
     onObjectChanged() {
-        if (this.primaryTarget) {
-            //const TA1 = this.primaryTarget.getMatrixInWorld();
-            this.helperObject.updateMatrixWorld(true);
-            const TA2 = this.helperObject.matrixWorld.clone();
-            this.primaryTarget.onTransforming(TA2);
-            // const TA1Inverse      = TA1.clone().invert();
-            //const transformMatrix = new Matrix4().multiplyMatrices(TA2, TA1Inverse);
-            this.targets.forEach((tar) => {
-                if (tar !== this.primaryTarget) {
-                    let t = this.targetMatrixMap.get(tar);
-                    if (t) {
-                        let TB2 = new webgpu.Matrix4().multiplyMatrices(TA2, t); // B 
-                        tar.onTransforming(TB2);
+        const de = debounce(() => {
+            if (this.primaryTarget) {
+                //const TA1 = this.primaryTarget.getMatrixInWorld();
+                this.helperObject.updateMatrixWorld(true);
+                const TA2 = this.helperObject.matrixWorld.clone();
+                this.primaryTarget.onTransforming(TA2);
+                // const TA1Inverse      = TA1.clone().invert();
+                //const transformMatrix = new Matrix4().multiplyMatrices(TA2, TA1Inverse);
+                this.targets.forEach((tar) => {
+                    if (tar !== this.primaryTarget) {
+                        let t = this.targetMatrixMap.get(tar);
+                        if (t) {
+                            let TB2 = new webgpu.Matrix4().multiplyMatrices(TA2, t); // B 
+                            tar.onTransforming(TB2);
+                        }
                     }
-                }
-            });
-        }
-        if (this.onUpdateFunction) {
-            this.onUpdateFunction();
-        }
+                });
+            }
+            if (this.onUpdateFunction) {
+                this.onUpdateFunction();
+            }
+        }, 100);
+        de();
     }
     set enable(newEnable) {
         this.control.enabled = newEnable;

package/dist/bundle.esm.js

@@ -1870,6 +1870,9 @@ class Viewport {
         else { //console.log("render renderer");
             this.renderer.render(this.app.world.scene, this.app.camera);
         }
+        if (this.labelRenderer) {
+            this.labelRenderer.render(this.app.world.scene, this.app.camera);
+        }
         this.isRenderStateDirty = false;
     }
     async renderAsImage(width = 1024, height = 1024) {
@@ -3159,6 +3162,19 @@ class FirstPerson extends Pawn {
     }
 }
 
+function debounce(func, delay) {
+    let timeoutId = null;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            func(...args);
+            timeoutId = null;
+        }, delay);
+    };
+}
+
 class TransformGizmo extends Pawn {
     get control() {
         if (!this._control) {
@@ -3236,26 +3252,29 @@ class TransformGizmo extends Pawn {
         }
     }
     onObjectChanged() {
-        if (this.primaryTarget) {
-            //const TA1 = this.primaryTarget.getMatrixInWorld();
-            this.helperObject.updateMatrixWorld(true);
-            const TA2 = this.helperObject.matrixWorld.clone();
-            this.primaryTarget.onTransforming(TA2);
-            // const TA1Inverse      = TA1.clone().invert();
-            //const transformMatrix = new Matrix4().multiplyMatrices(TA2, TA1Inverse);
-            this.targets.forEach((tar) => {
-                if (tar !== this.primaryTarget) {
-                    let t = this.targetMatrixMap.get(tar);
-                    if (t) {
-                        let TB2 = new Matrix4().multiplyMatrices(TA2, t); // B 
-                        tar.onTransforming(TB2);
+        const de = debounce(() => {
+            if (this.primaryTarget) {
+                //const TA1 = this.primaryTarget.getMatrixInWorld();
+                this.helperObject.updateMatrixWorld(true);
+                const TA2 = this.helperObject.matrixWorld.clone();
+                this.primaryTarget.onTransforming(TA2);
+                // const TA1Inverse      = TA1.clone().invert();
+                //const transformMatrix = new Matrix4().multiplyMatrices(TA2, TA1Inverse);
+                this.targets.forEach((tar) => {
+                    if (tar !== this.primaryTarget) {
+                        let t = this.targetMatrixMap.get(tar);
+                        if (t) {
+                            let TB2 = new Matrix4().multiplyMatrices(TA2, t); // B 
+                            tar.onTransforming(TB2);
+                        }
                     }
-                }
-            });
-        }
-        if (this.onUpdateFunction) {
-            this.onUpdateFunction();
-        }
+                });
+            }
+            if (this.onUpdateFunction) {
+                this.onUpdateFunction();
+            }
+        }, 100);
+        de();
     }
     set enable(newEnable) {
         this.control.enabled = newEnable;

package/dist/lythreeframe/Library/Debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lythreeframe",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "Three.js 封装",
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",