lyb-pixi-js 1.6.0 → 1.6.2

package/Components/Custom/LibPixiScrollNum.d.ts

@@ -64,10 +64,4 @@ export declare class LibPixiScrollNum extends LibPixiContainer {
     private _onDragMove;
     /** @description 结束拖动 */
     private _onDragEnd;
-    /** @description 线性插值
-     * @param a1 当 t = 0 时，返回 a1
-     * @param a2 当 t = 1 时，返回 a2
-     * @param t 插值比例，取值范围 0~1
-     */
-    private lerp;
 }

package/Components/Custom/LibPixiScrollNum.js

@@ -1,6 +1,7 @@
 import { Graphics } from "pixi.js";
 import gsap from "gsap";
 import { LibPixiContainer } from "../Base/LibPixiContainer";
+import { LibJsLerp } from "lyb-js/Math/LibJsLerp";
 /** @description 通过鼠标或手指拖动数字列选择数字
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiScrollNum-数字滑动
  */
@@ -111,20 +112,20 @@ export class LibPixiScrollNum extends LibPixiContainer {
         const nextIdx = idx + 1;
         const nextIdx2 = idx + 2;
         const curItem = containerList[idx];
-        curItem.alpha = this.lerp(0.5, 1, 1 - t);
-        curItem.scale.y = this.lerp(0.85, 1, 1 - t);
+        curItem.alpha = LibJsLerp(0.5, 1, 1 - t);
+        curItem.scale.y = LibJsLerp(0.85, 1, 1 - t);
         if (nextIdx < containerList.length) {
             const nextItem = containerList[nextIdx];
-            nextItem.alpha = this.lerp(0.5, 1, t);
-            nextItem.scale.y = this.lerp(0.85, 1, t);
+            nextItem.alpha = LibJsLerp(0.5, 1, t);
+            nextItem.scale.y = LibJsLerp(0.85, 1, t);
         }
         if (nextIdx2 < containerList.length) {
             const nextItem = containerList[nextIdx2];
-            nextItem.alpha = this.lerp(0.1, 0.5, t);
+            nextItem.alpha = LibJsLerp(0.1, 0.5, t);
         }
         if (prevIdx >= 0) {
             const prevItem = containerList[prevIdx];
-            prevItem.alpha = this.lerp(0.1, 0.5, 1 - t);
+            prevItem.alpha = LibJsLerp(0.1, 0.5, 1 - t);
         }
     }
     /** @description 开始拖动 */
@@ -180,12 +181,4 @@ export class LibPixiScrollNum extends LibPixiContainer {
         // 执行滑动到目标页码
         this.slideTo(this._currentIndex);
     }
-    /** @description 线性插值
-     * @param a1 当 t = 0 时，返回 a1
-     * @param a2 当 t = 1 时，返回 a2
-     * @param t 插值比例，取值范围 0~1
-     */
-    lerp(a1, a2, t) {
-        return a1 * (1 - t) + a2 * t;
-    }
 }

package/Components/Custom/LibPixiSlider.d.ts

@@ -74,6 +74,5 @@ export declare class LibPixiSlider extends LibPixiContainer {
      * @param startY 内部将y - startY进行计算
      */
     private _setDepth;
-    lerp(a1: number, a2: number, t: number): number;
 }
 export {};

package/Components/Custom/LibPixiSlider.js

@@ -2,6 +2,7 @@ import { Container } from "pixi.js";
 import gsap from "gsap";
 import { libPixiOverflowHidden } from "../../Utils/LibPixiOverflowHidden";
 import { LibPixiContainer } from "../Base/LibPixiContainer";
+import { LibJsLerp } from 'lyb-js/Math/LibJsLerp';
 /** @description 类似轮播图，但是不会自动轮播
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlider-横向滑动图
  */
@@ -150,20 +151,17 @@ export class LibPixiSlider extends LibPixiContainer {
         const prevIdx = idx - 1;
         const nextIdx = idx + 1;
         const curItem = this._slideList[idx];
-        curItem.alpha = this.lerp(this._depthAlpha, 1, 1 - t);
-        curItem.scale.set(this.lerp(this._depthScale, 1, 1 - t));
+        curItem.alpha = LibJsLerp(this._depthAlpha, 1, 1 - t);
+        curItem.scale.set(LibJsLerp(this._depthScale, 1, 1 - t));
         if (nextIdx < this._slideList.length) {
             const nextItem = this._slideList[nextIdx];
-            nextItem.alpha = this.lerp(this._depthAlpha, 1, t);
-            nextItem.scale.set(this.lerp(this._depthScale, 1, t));
+            nextItem.alpha = LibJsLerp(this._depthAlpha, 1, t);
+            nextItem.scale.set(LibJsLerp(this._depthScale, 1, t));
         }
         if (prevIdx >= 0) {
             const prevItem = this._slideList[prevIdx];
-            prevItem.alpha = this.lerp(this._depthAlpha, 1, 1 - t);
-            prevItem.scale.set(this.lerp(this._depthScale, 1, 1 - t));
+            prevItem.alpha = LibJsLerp(this._depthAlpha, 1, 1 - t);
+            prevItem.scale.set(LibJsLerp(this._depthScale, 1, 1 - t));
         }
     }
-    lerp(a1, a2, t) {
-        return a1 * (1 - t) + a2 * t;
-    }
 }

package/README.md

@@ -826,7 +826,7 @@ new LibPixiPolygonDrawTool(app);
 > 内部通过 Ticker 每秒调用10次循环判断被监听的属性是否发生改变，当元素被销毁时自动销毁 Ticker，取决于是否传递了元素
 
 ```ts
-watchPropertyChange(
+LibPixiWatchProperty(
   gameStore,
   ["a", "b"],
   () => {