lyb-pixi-js 1.7.7 → 1.8.1

package/Components/Base/LibPixiCircular.d.ts

@@ -0,0 +1,7 @@
+import { Graphics } from "pixi.js";
+/** @description 圆形
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
+ */
+export declare class LibPixiCircular extends Graphics {
+    constructor(radius: number, color: string);
+}

package/Components/Base/LibPixiCircular.js

@@ -0,0 +1,12 @@
+import { Graphics } from "pixi.js";
+/** @description 圆形
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
+ */
+export class LibPixiCircular extends Graphics {
+    constructor(radius, color) {
+        super();
+        this.beginFill(color);
+        this.drawCircle(0, 0, radius);
+        this.endFill();
+    }
+}

package/Components/Base/LibPixiPolygon.d.ts

@@ -0,0 +1,7 @@
+import { Graphics, type IPointData } from "pixi.js";
+/** @description 多边形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
+ */
+export declare class LibPixiPolygon extends Graphics {
+    constructor(points: IPointData[] | number[], color?: string);
+}

package/Components/Base/LibPixiPolygon.js

@@ -0,0 +1,15 @@
+import { Graphics } from "pixi.js";
+/** @description 多边形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
+ */
+export class LibPixiPolygon extends Graphics {
+    constructor(points, color) {
+        super();
+        this.beginFill(color || 0x000000);
+        this.drawPolygon(points);
+        this.endFill();
+        if (!color) {
+            this.alpha = 0;
+        }
+    }
+}

package/Components/Base/LibPixiRectBgColor.js

@@ -40,7 +40,6 @@ export class LibPixiRectBgColor extends Graphics {
         }
         else {
             this.beginFill(this.bgColor, this.bgAlpha);
-            this.borderWidth && this.lineStyle(this.borderWidth, this.borderColor, 1);
         }
         this.borderWidth && this.lineStyle(this.borderWidth, this.borderColor, 1);
         if (this.radius !== 0) {

package/Components/Base/LibPixiRectangle.d.ts

@@ -0,0 +1,7 @@
+import { Graphics } from "pixi.js";
+/** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
+ */
+export declare class LibPixiRectangle extends Graphics {
+    constructor(width: number, height: number, color?: string);
+}

package/Components/Base/LibPixiRectangle.js

@@ -0,0 +1,15 @@
+import { Graphics } from "pixi.js";
+/** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
+ */
+export class LibPixiRectangle extends Graphics {
+    constructor(width, height, color) {
+        super();
+        this.beginFill(color || 0x000000);
+        this.drawRect(0, 0, width, height);
+        this.endFill();
+        if (!color) {
+            this.alpha = 0;
+        }
+    }
+}

package/README.md

@@ -92,6 +92,12 @@ app.stage.addChild(box);
 
 \- [LibPixiRectBgColor-矩形](#LibPixiRectBgColor-矩形)
 
+\- [LibPixiRectangle-矩形](#LibPixiRectangle-矩形)
+
+\- [LibPixiCircular-圆形](#LibPixiCircular-圆形)
+
+\- [LibPixiPolygon-多边形](#LibPixiPolygon-多边形)
+
 \- [LibPixiSpine-动画](#LibPixiSpine-动画)
 
 \- [LibPixiParticleMove-粒子容器](#LibPixiParticleMove-粒子容器)
@@ -296,6 +302,35 @@ interface LibPixiRectBgColorParams {
 }
 ```
 
+### LibPixiRectangle-矩形
+
+> `LibPixiRectBgColor`精简版，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+
+```ts
+const libPixiRectangle = new LibPixiRectangle(100, 100, "#fff");
+```
+
+### LibPixiPolygon-多边形
+
+> 多边形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+
+```ts
+const polygonVertices = new LibPixiPolygon([
+    0, 0, 604, 0, 596, 32, 616, 30, 611, 62, 644, 57, 643, 87, 697, 82, 702, 102, 724, 86, 744, 83, 753, 91, 756, 83,
+    772, 85, 793, 100, 797, 114, 794, 316, 798, 336, 799, 476, 796, 491, 801, 507, 797, 635, 742, 656, 723, 683, 659,
+    687, 638, 678, 646, 712, 617, 707, 611, 717, 618, 741, 596, 734, 595, 746, 601, 762, 14, 763, 18, 739, -4, 741, 4,
+    712, -5, 705, -28, 711, -22, 686, -34, 679, -47, 686, -195, 686, -189, 667, -192, 647, -195, 506, -192, 499, -194,
+    476, -192, 331, -187, 323, -193, 307, -194, 110, -188, 103, -189, 93, -172, 81, -112, 82, -98, 95, -93, 80, -56,
+    82, -40, 89, -36, 80, -41, 57, -30, 57, -16, 62, -8, 58, -16, 29, 1, 35, 8, 25, 0, 0,
+], "#000");
+```
+
+### LibPixiCircular-圆形
+
+```ts
+const libPixiCircular = new LibPixiCircular(100, "#fff");
+```
+
 ### LibPixiSpine-动画
 
 > 自定义 Spine 动画，内置挂点

package/libPixiJs.d.ts

@@ -19,7 +19,10 @@ import { LibPixiAudio } from "./Utils/LibPixiAudio";
 import { LibPixiSlideInput } from "./Utils/LibPixiSlideInput";
 import { LibPixiGlobalUpdater } from "./Utils/LibPixiGlobalUpdater";
 import { LibPixiPolygonDrawTool } from "./Utils/LibPixiPolygonDrawTool";
-import { LibPixiHtmlText } from './Components/Base/LibPixiHtmlText';
+import { LibPixiHtmlText } from "./Components/Base/LibPixiHtmlText";
+import { LibPixiRectangle } from "./Components/Base/LibPixiRectangle";
+import { LibPixiPolygon } from "./Components/Base/LibPixiPolygon";
+import { LibPixiCircular } from "./Components/Base/LibPixiCircular";
 /** @description 组件 */
 export declare const Components: {
     Base: {
@@ -39,6 +42,18 @@ export declare const Components: {
          * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectBgColor-矩形
          */
         LibPixiRectBgColor: typeof LibPixiRectBgColor;
+        /** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
+         */
+        LibPixiRectangle: typeof LibPixiRectangle;
+        /** @description 圆形
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
+         */
+        LibPixiCircular: typeof LibPixiCircular;
+        /** @description 多边形类
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
+         */
+        LibPixiPolygon: typeof LibPixiPolygon;
         /** @description 自定义 Spine 动画
          * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
          */

package/libPixiJs.js

@@ -29,7 +29,10 @@ import { libPixiTickerTimeout } from "./Utils/LibPixiTickerTimeout";
 import { LibPixiSlideInput } from "./Utils/LibPixiSlideInput";
 import { LibPixiGlobalUpdater } from "./Utils/LibPixiGlobalUpdater";
 import { LibPixiPolygonDrawTool } from "./Utils/LibPixiPolygonDrawTool";
-import { LibPixiHtmlText } from './Components/Base/LibPixiHtmlText';
+import { LibPixiHtmlText } from "./Components/Base/LibPixiHtmlText";
+import { LibPixiRectangle } from "./Components/Base/LibPixiRectangle";
+import { LibPixiPolygon } from "./Components/Base/LibPixiPolygon";
+import { LibPixiCircular } from "./Components/Base/LibPixiCircular";
 /** @description 组件 */
 export const Components = {
     Base: {
@@ -49,6 +52,18 @@ export const Components = {
          * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectBgColor-矩形
          */
         LibPixiRectBgColor,
+        /** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
+         */
+        LibPixiRectangle,
+        /** @description 圆形
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
+         */
+        LibPixiCircular,
+        /** @description 多边形类
+         * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
+         */
+        LibPixiPolygon,
         /** @description 自定义 Spine 动画
          * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
          */

package/lyb-pixi.js

@@ -29781,7 +29781,6 @@ void main(void)\r
         this.tint = this.bgColor;
       } else {
         this.beginFill(this.bgColor, this.bgAlpha);
-        this.borderWidth && this.lineStyle(this.borderWidth, this.borderColor, 1);
       }
       this.borderWidth && this.lineStyle(this.borderWidth, this.borderColor, 1);
       if (this.radius !== 0) {
@@ -54877,6 +54876,36 @@ void main(void){
       }
     }
   }
+  class LibPixiRectangle extends Graphics {
+    constructor(width, height, color) {
+      super();
+      this.beginFill(color || 0);
+      this.drawRect(0, 0, width, height);
+      this.endFill();
+      if (!color) {
+        this.alpha = 0;
+      }
+    }
+  }
+  class LibPixiPolygon extends Graphics {
+    constructor(points, color) {
+      super();
+      this.beginFill(color || 0);
+      this.drawPolygon(points);
+      this.endFill();
+      if (!color) {
+        this.alpha = 0;
+      }
+    }
+  }
+  class LibPixiCircular extends Graphics {
+    constructor(radius, color) {
+      super();
+      this.beginFill(color);
+      this.drawCircle(0, 0, radius);
+      this.endFill();
+    }
+  }
   const Components = {
     Base: {
       /** @description 自定义位图文本
@@ -54895,6 +54924,18 @@ void main(void){
        * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectBgColor-矩形
        */
       LibPixiRectBgColor,
+      /** @description 矩形类，可用于一些场景的局部点击，传颜色是为了方便定位，最终可能需要将颜色隐藏掉
+       * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiRectangle-矩形
+       */
+      LibPixiRectangle,
+      /** @description 圆形
+       * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCircular-圆形
+       */
+      LibPixiCircular,
+      /** @description 多边形类
+       * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiPolygon-多边形
+       */
+      LibPixiPolygon,
       /** @description 自定义 Spine 动画
        * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSpine-动画
        */

package/package.json

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