lyb-pixi-js 1.0.0

package/dist/Base/LibSpine/index.js

@@ -0,0 +1,151 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Ticker } from "pixi.js";
+import { Spine } from "@pixi-spine/runtime-3.8";
+import gsap from "gsap";
+/** @description 自定义 Spine 动画 */
+var LibSpine = /** @class */ (function (_super) {
+    __extends(LibSpine, _super);
+    function LibSpine(texture, params) {
+        var _this = this;
+        var _a = params || {}, followPointList = _a.followPointList, _b = _a.visible, visible = _b === void 0 ? false : _b;
+        _this = _super.call(this, texture.spineData) || this;
+        /** 挂点 */
+        _this._followDots = [];
+        /** 是否已开始 */
+        _this._isStart = false;
+        _this.visible = visible;
+        _this.autoUpdate = false;
+        //如果存在挂点
+        if (followPointList === null || followPointList === void 0 ? void 0 : followPointList.length) {
+            followPointList === null || followPointList === void 0 ? void 0 : followPointList.forEach(function (item) {
+                item.follow.alpha = 0;
+                _this._followDots.push({
+                    point: _this.skeleton.findBone(item.boneName),
+                    follow: item.follow,
+                    onUpdate: item.onUpdate,
+                    angleFollow: item.angleFollow || false,
+                    scaleFollow: item.scaleFollow || true,
+                });
+            });
+        }
+        _this._loopFn = _this._loop.bind(_this);
+        Ticker.system.add(_this._loopFn);
+        return _this;
+    }
+    /** @description 设置动画
+     * @param animationName 动画名称
+     * @param loop 是否循环播放
+     * @param delay 是否延迟播放
+     */
+    LibSpine.prototype.setAnimation = function (animationName, loop, delay) {
+        var _this = this;
+        if (animationName === void 0) { animationName = "Animation"; }
+        if (loop === void 0) { loop = false; }
+        if (delay === void 0) { delay = true; }
+        return new Promise(function (resolve) {
+            _this.visible = true;
+            _this.state.setAnimation(0, animationName, loop).listener = {
+                complete: function () {
+                    if (delay) {
+                        requestAnimationFrame(function () {
+                            resolve();
+                        });
+                    }
+                    else {
+                        resolve();
+                    }
+                },
+            };
+        });
+    };
+    /** @description 添加动画
+     * @param animationName 动画名称
+     * @param loop 是否循环播放
+     * @param delay 延迟播放时间
+     */
+    LibSpine.prototype.addAnimation = function (animationName, loop, delay) {
+        var _this = this;
+        if (animationName === void 0) { animationName = "Animation"; }
+        if (loop === void 0) { loop = false; }
+        if (delay === void 0) { delay = 0; }
+        return new Promise(function (resolve) {
+            _this.state.addAnimation(0, animationName, loop, delay).listener = {
+                complete: function () {
+                    requestAnimationFrame(function () {
+                        resolve();
+                    });
+                },
+            };
+        });
+    };
+    /** @description 改变骨骼数据 */
+    LibSpine.prototype.setSkin = function (skinName) {
+        this.skeleton.setSkinByName(skinName);
+    };
+    /** @description 销毁动画及挂点 */
+    LibSpine.prototype.destroyAll = function () {
+        Ticker.system.remove(this._loopFn);
+        this.destroy();
+        this.removeFromParent();
+    };
+    /** @description 更新渲染 */
+    LibSpine.prototype._loop = function () {
+        this.update(Ticker.system.deltaMS / 1000);
+        this._updateFollowPoint();
+    };
+    /** @description 更新挂点 */
+    LibSpine.prototype._updateFollowPoint = function () {
+        if (this._followDots.length === 0)
+            return;
+        this._followDots.forEach(function (item) {
+            var _a = item.point, x = _a.worldX, y = _a.worldY;
+            var rotate = item.point.getWorldRotationX() * (Math.PI / 180);
+            var scaleX = item.point.getWorldScaleX();
+            var scaleY = item.point.getWorldScaleY();
+            if (item.onUpdate) {
+                item.onUpdate({
+                    x: x,
+                    y: y,
+                    rotate: rotate,
+                    scaleX: scaleX,
+                    scaleY: scaleY,
+                });
+            }
+            else {
+                if (item.angleFollow) {
+                    item.follow.rotation = rotate;
+                }
+                if (item.scaleFollow) {
+                    item.follow.scale.set(scaleX, scaleY);
+                }
+                item.follow.position.set(x + 1920 / 2 - item.follow.width / 2, y + 1080 / 2 - item.follow.height / 2);
+            }
+        });
+        if (!this._isStart) {
+            this._isStart = true;
+            this._followDots.forEach(function (item) {
+                gsap.to(item.follow, {
+                    alpha: 1,
+                    duration: 0.25,
+                    delay: 0.15,
+                });
+            });
+        }
+    };
+    return LibSpine;
+}(Spine));
+export { LibSpine };

package/dist/Base/LibText/index.d.ts

@@ -0,0 +1,35 @@
+import { Text, type TextStyleAlign, type TextStyleFontWeight } from "pixi.js";
+export interface LibTextParams {
+    /** 文本内容 */
+    text: string | number;
+    /**  字体大小 */
+    fontSize?: number;
+    /** 字体颜色 */
+    fontColor?: any;
+    /** 是否描边 */
+    stroke?: boolean;
+    /** 描边颜色 */
+    strokeColor?: string | number;
+    /** 描边宽度 */
+    strokeThickness?: number;
+    /** 字体样式 */
+    fontFamily?: string;
+    /** 字体粗细 */
+    fontWeight?: TextStyleFontWeight;
+    /** 是否换行 */
+    wordWrap?: boolean;
+    /** 换行宽度 */
+    wordWrapWidth?: number;
+    /** 行高 */
+    lineHeight?: number;
+    /** 对齐方式 */
+    align?: TextStyleAlign;
+    /** 缩进，单位为字数 */
+    indent?: number;
+    /** 阴影-颜色 角度 模糊度 阴影距离 */
+    shadow?: [string, number, number, number];
+}
+/** @description 自定义文本类 */
+export declare class LibText extends Text {
+    constructor(options: LibTextParams);
+}

package/dist/Base/LibText/index.js

@@ -0,0 +1,50 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Text, TextStyle } from "pixi.js";
+/** @description 自定义文本类 */
+var LibText = /** @class */ (function (_super) {
+    __extends(LibText, _super);
+    function LibText(options) {
+        var _this = this;
+        var text = options.text, _a = options.fontSize, fontSize = _a === void 0 ? 36 : _a, _b = options.fontColor, fontColor = _b === void 0 ? 0xffffff : _b, stroke = options.stroke, strokeColor = options.strokeColor, strokeThickness = options.strokeThickness, _c = options.fontFamily, fontFamily = _c === void 0 ? "MicrosoftYaHei" : _c, _d = options.fontWeight, fontWeight = _d === void 0 ? "normal" : _d, _e = options.wordWrap, wordWrap = _e === void 0 ? false : _e, _f = options.wordWrapWidth, wordWrapWidth = _f === void 0 ? 100 : _f, _g = options.lineHeight, lineHeight = _g === void 0 ? 1.25 : _g, _h = options.align, align = _h === void 0 ? "left" : _h, _j = options.indent, indent = _j === void 0 ? 0 : _j, shadow = options.shadow;
+        var style = new TextStyle({
+            fontSize: fontSize,
+            wordWrap: wordWrap,
+            wordWrapWidth: wordWrapWidth,
+            fontWeight: fontWeight,
+            lineHeight: lineHeight * fontSize,
+            breakWords: wordWrap,
+            fill: fontColor,
+            align: align,
+            fontFamily: fontFamily,
+            stroke: stroke ? strokeColor : "transparent",
+            strokeThickness: stroke ? strokeThickness : 0,
+            lineJoin: "round",
+        });
+        if (shadow) {
+            style.dropShadow = true;
+            style.dropShadowColor = shadow[0];
+            style.dropShadowAngle = shadow[1] * (Math.PI / 180);
+            style.dropShadowBlur = shadow[2];
+            style.dropShadowDistance = shadow[3];
+        }
+        _this = _super.call(this, text, style) || this;
+        _this.position.x = indent * fontSize;
+        return _this;
+    }
+    return LibText;
+}(Text));
+export { LibText };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * as LibPixiJs from "./libPixiJs";

package/dist/index.js

@@ -0,0 +1 @@
+export * as LibPixiJs from "./libPixiJs";

package/dist/libPixiJs.d.ts

@@ -0,0 +1,21 @@
+import { LibBitText } from "./Base/LibBitText";
+import { LibContainer } from "./Base/LibContainer";
+import { LibParticleMove } from "./Base/LibParticleMove";
+import { LibRectBgColor } from "./Base/LibRectBgColor";
+import { LibSpine } from "./Base/LibSpine";
+import { LibText } from "./Base/LibText";
+/** @description 基础方法 */
+export declare const Base: {
+    /** @description 自定义位图文本 */
+    LibBitText: typeof LibBitText;
+    /** @description 自定义容器大小及背景色 */
+    LibContainer: typeof LibContainer;
+    /** @description 粒子移动 */
+    LibParticleMove: typeof LibParticleMove;
+    /** @description 自定义矩形背景色 */
+    LibRectBgColor: typeof LibRectBgColor;
+    /** @description 自定义 Spine 动画 */
+    LibSpine: typeof LibSpine;
+    /** @description 自定义普通文本类 */
+    LibText: typeof LibText;
+};

package/dist/libPixiJs.js

@@ -0,0 +1,21 @@
+import { LibBitText } from "./Base/LibBitText";
+import { LibContainer } from "./Base/LibContainer";
+import { LibParticleMove } from "./Base/LibParticleMove";
+import { LibRectBgColor } from "./Base/LibRectBgColor";
+import { LibSpine } from "./Base/LibSpine";
+import { LibText } from "./Base/LibText";
+/** @description 基础方法 */
+export var Base = {
+    /** @description 自定义位图文本 */
+    LibBitText: LibBitText,
+    /** @description 自定义容器大小及背景色 */
+    LibContainer: LibContainer,
+    /** @description 粒子移动 */
+    LibParticleMove: LibParticleMove,
+    /** @description 自定义矩形背景色 */
+    LibRectBgColor: LibRectBgColor,
+    /** @description 自定义 Spine 动画 */
+    LibSpine: LibSpine,
+    /** @description 自定义普通文本类 */
+    LibText: LibText,
+};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "lyb-pixi-js",
+  "version": "1.0.0",
+  "description": "自用Pixi.JS方法库",
+  "license": "ISC",
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
+  "scripts": {
+    "build": "tsc & vite build"
+  },
+  "exports": {
+    "./*": "./dist/*"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "package.json",
+    "umd"
+  ],
+  "author": {
+    "name": "冷弋白",
+    "email": "1329670984@qq.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lengyibai/lyb-pixi-js.git"
+  },
+  "keywords": [
+    "冷弋白",
+    "lengyibai",
+    "lyb",
+    "lyb-pixi-js"
+  ],
+  "devDependencies": {
+    "@types/node": "^22.10.5",
+    "typescript": "^5.7.2"
+  },
+  "dependencies": {
+    "@pixi-spine/runtime-3.8": "^4.0.3",
+    "@pixi/particle-emitter": "^5.0.8",
+    "dayjs": "^1.11.13",
+    "decimal.js": "^10.4.3",
+    "gsap": "^3.12.5",
+    "pixi.js": "^7.4.2",
+    "vite": "^4.5.5"
+  }
+}