lyb-pixi-js 1.12.81 → 1.12.83

package/Components/Base/LibPixiBit.d.ts

@@ -0,0 +1,5 @@
+import { BitmapText } from "pixi.js";
+/** @description 自定义位图文本 */
+export declare class LibPixiBit extends BitmapText {
+    constructor(fontName: string, text: string | number, fontSize: number);
+}

package/Components/Base/LibPixiBit.js

@@ -0,0 +1,10 @@
+import { BitmapText } from "pixi.js";
+/** @description 自定义位图文本 */
+export class LibPixiBit extends BitmapText {
+    constructor(fontName, text, fontSize) {
+        super(text.toString(), {
+            fontName,
+            fontSize,
+        });
+    }
+}

package/README.md

@@ -61,23 +61,6 @@ const box = new LibPixiRectBgColor({
 app.stage.addChild(box);
 ```
 
-**通过 `CDN ` 使用 `LibPixiJs`**
-
-> 你可以借助 `script` 标签直接通过 `CDN` 来使用 `LibPixiJs`
-
-```html
-<script src="https://unpkg.com/lyb-pixi-js/lyb-pixi.js"></script>
-
-<script>
-  const text = new LibPixiJs.Base.LibPixiText({
-    text: "Hello World!",
-    fontSize: 50,
-    fontColor: "red",
-  });
-  app.stage.addChild(text);
-</script>
-```
-
 ## 目录
 
 ### 基础组件
@@ -86,6 +69,8 @@ app.stage.addChild(box);
 
 \- [LibPixiHtmlText-富文本](#LibPixiHtmlText-富文本)
 
+\- [LibPixiBit-位图简化使用](#LibPixiBit-位图简化使用)
+
 \- [LibPixiBitText-位图](#LibPixiBitText-位图)
 
 \- [LibPixiContainer-容器](#LibPixiContainer-容器)
@@ -206,8 +191,6 @@ app.stage.addChild(box);
 
 \- [LibPixiIsOutOfView-离开可视区检测](#LibPixiIsOutOfView-离开可视区检测)
 
-\- [LibBitTextGroup-美术字组](#LibBitTextGroup-美术字组)
-
 ## Base-基础
 
 ### LibPixiText-文本
@@ -284,6 +267,8 @@ interface LibPixiHtmlTextParams {
 }
 ```
 
+### LibPixiBit-位图简化使用
+
 ### LibPixiBitText-位图
 
 > 自定义位图文本
@@ -1373,8 +1358,4 @@ LibPixiEmitContainerEvent(this, "EVENT_NAME", {});
 
 ### LibPixiIsOutOfView-离开可视区检测
 
-> 检测元素是否离开可视区
-
-### LibBitTextGroup-美术字组
-
-> 通过将美术字的 `fnt` 字体文件，循环创建位图文本进行拼接
+> 检测元素是否离开可视区

package/Utils/LibPixiIntervalTrigger.d.ts

@@ -1,7 +1,2 @@
-/** @description 间隔触发
- * @param callback 回调函数
- * @param interval 间隔毫秒，或随机范围
- * @param immediately 是否立即执行一次
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
- */
+/** @description 间隔触发（共享 Ticker 版） */
 export declare const libPixiIntervalTrigger: (callback: () => void, interval: number | [number, number], immediately?: boolean) => () => void;

package/Utils/LibPixiIntervalTrigger.js

@@ -1,35 +1,25 @@
 import { Ticker } from "pixi.js"; //@ts-ignore
 import { libJsRandom } from "lyb-js/Random/LibJsRandom.js";
-/** @description 间隔触发
- * @param callback 回调函数
- * @param interval 间隔毫秒，或随机范围
- * @param immediately 是否立即执行一次
- * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiIntervalTrigger-间隔触发
- */
+/** @description 间隔触发（共享 Ticker 版） */
 export const libPixiIntervalTrigger = (callback, interval, immediately = true) => {
-    let elapsedTime = 0;
-    // 创建一个新的 Ticker 实例
-    const ticker = new Ticker();
-    // 创建回调函数
+    let nextInterval = Array.isArray(interval)
+        ? libJsRandom(interval[0], interval[1], 2)
+        : interval;
+    let elapsed = 0;
+    if (immediately)
+        callback();
     const tickerCallback = () => {
-        elapsedTime += ticker.elapsedMS;
-        let intervalNum = 0;
-        if (Array.isArray(interval)) {
-            intervalNum = libJsRandom(interval[0], interval[1], 2);
-        }
-        else {
-            intervalNum = interval;
-        }
-        if (elapsedTime >= intervalNum) {
+        elapsed += Ticker.shared.deltaMS;
+        if (elapsed >= nextInterval) {
+            elapsed -= nextInterval;
             callback();
-            elapsedTime = 0;
+            nextInterval = Array.isArray(interval)
+                ? libJsRandom(interval[0], interval[1], 2)
+                : interval;
         }
     };
-    immediately && callback();
-    ticker.add(tickerCallback);
-    ticker.start();
+    Ticker.shared.add(tickerCallback);
     return () => {
-        ticker.remove(tickerCallback);
-        ticker.stop();
+        Ticker.shared.remove(tickerCallback);
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lyb-pixi-js",
-  "version": "1.12.81",
+  "version": "1.12.83",
   "description": "自用Pixi.JS方法库",
   "license": "ISC",
   "exports": {

package/Components/Custom/LibBitTextGroup.d.ts

@@ -1,21 +0,0 @@
-import { Container } from "pixi.js";
-import { LibPixiArrangeLinearV2 } from "./LibPixiArrangeLinearV2";
-interface LibBitTextGroupParams {
-    /** 字体 */
-    family: string;
-    /** 文本 */
-    text: string;
-    /** 字体大小 */
-    fontSize: number;
-    /** 间隔 */
-    gap?: number;
-    /** 锚点X */
-    anchorX?: number;
-    /** 锚点Y */
-    anchorY?: number;
-}
-/** @description 美术字组 */
-export declare class LibBitTextGroup extends LibPixiArrangeLinearV2<Container> {
-    constructor(params: LibBitTextGroupParams);
-}
-export {};

package/Components/Custom/LibBitTextGroup.js

@@ -1,21 +0,0 @@
-import { LibPixiBitText } from "../Base/LibPixiBitText";
-import { LibPixiArrangeLinearV2 } from "./LibPixiArrangeLinearV2";
-/** @description 美术字组 */
-export class LibBitTextGroup extends LibPixiArrangeLinearV2 {
-    constructor(params) {
-        const { family, text, fontSize, gap = -3, anchorX = 0.5, anchorY = 0.5, } = params;
-        super({
-            direction: "x",
-            gap,
-            anchorX,
-            anchorY,
-        });
-        const bit = new LibPixiBitText(family, fontSize);
-        for (const char of text) {
-            const bitText = bit.createText(char);
-            bitText.anchor.y = 0.5;
-            this.push(bit.createText(char));
-        }
-        this.layout();
-    }
-}