lyb-pixi-js 1.8.0 → 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/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.8.0",
+  "version": "1.8.1",
   "description": "自用Pixi.JS方法库",
   "license": "ISC",
   "exports": {