lythreeframe 1.2.8 → 1.2.10

package/dist/bundle.cjs.js

@@ -3164,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) {
@@ -3241,26 +3254,56 @@ 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();
+                let p1 = new webgpu.Vector3();
+                let q1 = new webgpu.Quaternion();
+                let s1 = new webgpu.Vector3();
+                TA2.decompose(p1, q1, s1);
+                let mode = this.getMode();
+                if (mode === "translate") {
+                    this.primaryTarget.onTranslating(p1);
                 }
-            });
-        }
-        if (this.onUpdateFunction) {
-            this.onUpdateFunction();
-        }
+                else if (mode === "rotate") {
+                    this.primaryTarget.onRotating(q1);
+                }
+                else if (mode === "scale") {
+                    this.primaryTarget.onScaling(s1);
+                }
+                // 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 p2 = new webgpu.Vector3();
+                            let q2 = new webgpu.Quaternion();
+                            let s2 = new webgpu.Vector3();
+                            let TB2 = new webgpu.Matrix4().multiplyMatrices(TA2, t); // B 
+                            TB2.decompose(p2, q2, s2);
+                            if (mode === "translate") {
+                                tar.onTranslating(p2);
+                            }
+                            else if (mode === "rotate") {
+                                tar.onRotating(q2);
+                            }
+                            else if (mode === "scale") {
+                                tar.onScaling(s2);
+                            }
+                            // tar.onTransforming(TB2);
+                        }
+                    }
+                });
+            }
+            if (this.onUpdateFunction) {
+                this.onUpdateFunction();
+            }
+        }, 50);
+        de();
     }
     set enable(newEnable) {
         this.control.enabled = newEnable;

package/dist/bundle.esm.js

@@ -3162,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) {
@@ -3239,26 +3252,56 @@ 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();
+                let p1 = new Vector3();
+                let q1 = new Quaternion();
+                let s1 = new Vector3();
+                TA2.decompose(p1, q1, s1);
+                let mode = this.getMode();
+                if (mode === "translate") {
+                    this.primaryTarget.onTranslating(p1);
                 }
-            });
-        }
-        if (this.onUpdateFunction) {
-            this.onUpdateFunction();
-        }
+                else if (mode === "rotate") {
+                    this.primaryTarget.onRotating(q1);
+                }
+                else if (mode === "scale") {
+                    this.primaryTarget.onScaling(s1);
+                }
+                // 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 p2 = new Vector3();
+                            let q2 = new Quaternion();
+                            let s2 = new Vector3();
+                            let TB2 = new Matrix4().multiplyMatrices(TA2, t); // B 
+                            TB2.decompose(p2, q2, s2);
+                            if (mode === "translate") {
+                                tar.onTranslating(p2);
+                            }
+                            else if (mode === "rotate") {
+                                tar.onRotating(q2);
+                            }
+                            else if (mode === "scale") {
+                                tar.onScaling(s2);
+                            }
+                            // tar.onTransforming(TB2);
+                        }
+                    }
+                });
+            }
+            if (this.onUpdateFunction) {
+                this.onUpdateFunction();
+            }
+        }, 50);
+        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/dist/lythreeframe/Object/PawnV2/TransformControl.d.ts

@@ -1,5 +1,5 @@
 import { Pawn } from "./Pawn";
-import { Matrix4 } from "three/webgpu";
+import { Matrix4, Quaternion, Vector3 } from "three/webgpu";
 import { TransformControls } from "three/examples/jsm/controls/TransformControls.js";
 import { Controller } from "../../Frame/Controller";
 export interface TransformType {
@@ -10,6 +10,9 @@ export interface TransformType {
 export interface ITransforming {
     isTransformAllowed(): boolean;
     onTransforming(worldMatrix: Matrix4): void;
+    onTranslating(worldPos: Vector3): void;
+    onRotating(worldQuat: Quaternion): void;
+    onScaling(worldScale: Vector3): void;
     getMatrixInWorld(): Matrix4;
     getAllowedTransformType(): TransformType;
 }

package/package.json

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