lyb-pixi-js 1.0.22 → 1.1.1

package/dist/Components/Custom/LibPixiSlider/index.js

@@ -0,0 +1,111 @@
+import gsap from "gsap";
+import { LibPixiContainer } from "../../Base/LibPixiContainer";
+import { libPixiOverflowHidden } from "../../../Utils/LibPixiOverflowHidden";
+/** @description 类似轮播图，但是不会自动轮播
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSlider-横向滑动图
+ */
+export class LibPixiSlider extends LibPixiContainer {
+    /**
+     * @param width 宽度
+     * @param height 高度
+     * @param content 内容
+     * @param slideCallback 滑动结束回调
+     */
+    constructor(width, height, content, slideCallback) {
+        super(width, height);
+        /** 当前幻灯片索引 */
+        this._currentIndex = 0;
+        /** 滑动区域宽度 */
+        this._slideWidth = 0;
+        /** 记录拖动开始时的X坐标 */
+        this._startX = 0;
+        /** 偏移量 */
+        this._offsetX = 0;
+        /** 最大索引 */
+        this._pageNum = 0;
+        /** 记录开始时间 */
+        this._startTime = new Date().getTime();
+        /* 是否正在拖动 */
+        this._isDragging = false;
+        libPixiOverflowHidden(this);
+        this._slideWidth = width;
+        this._slideArea = content;
+        this.slideCallback = slideCallback;
+        this._pageNum = Math.floor(content.width / this._slideWidth) - 1;
+        this.addChild(content);
+        // 监听拖动事件
+        this.eventMode = "static";
+        this.cursor = "pointer";
+        this.on("pointerdown", this._onDragStart);
+        window.addEventListener("pointermove", this._onDragMove.bind(this));
+        window.addEventListener("pointerup", this._onDragEnd.bind(this));
+    }
+    /** @description 上一页 */
+    prev() {
+        this._slideTo(this._currentIndex - 1);
+    }
+    /** @description 下一页 */
+    next() {
+        this._slideTo(this._currentIndex + 1);
+    }
+    /** @description 滑动到指定索引
+     * @param index 索引
+     */
+    _slideTo(index) {
+        if (index < 0) {
+            // 回弹到第一张
+            gsap.to(this._slideArea, { x: 0, duration: 0.25 });
+            this._currentIndex = 0;
+        }
+        else if (index > this._pageNum) {
+            // 回弹到最后一张
+            gsap.to(this._slideArea, {
+                x: -this._pageNum * this._slideWidth,
+                duration: 0.5,
+            });
+            this._currentIndex = this._pageNum;
+        }
+        else {
+            // 正常滑动
+            this._currentIndex = index;
+            gsap.to(this._slideArea, {
+                x: -this._currentIndex * this._slideWidth,
+                duration: 0.25,
+            });
+        }
+        this.slideCallback(this._currentIndex, this._pageNum);
+    }
+    /** @description 开始拖动 */
+    _onDragStart(event) {
+        this._isDragging = true;
+        this._startX = event.global.x;
+        this._offsetX = this._slideArea.x;
+        gsap.killTweensOf(this._slideArea);
+        this._startTime = new Date().getTime();
+    }
+    /** @description 拖动中 */
+    _onDragMove(event) {
+        if (!this._isDragging)
+            return;
+        const moveX = event.pageX - this._startX;
+        this._slideArea.x = this._offsetX + moveX;
+    }
+    /** @description 结束拖动 */
+    _onDragEnd(event) {
+        if (!this._isDragging)
+            return;
+        this._isDragging = false;
+        const endTime = new Date().getTime() - this._startTime;
+        const slide = this._startX - event.pageX;
+        const slideSpeed = Math.abs(slide) / endTime;
+        //滑动距离阈值，滑动到一半以上必定翻页
+        const slideThreshold = this._slideWidth / 2;
+        //滑动速度阈值，滑动速度大于这个值，必定翻页
+        const speedThreshold = 0.275;
+        //如果滑动距离大于阈值，或速度大于阈值翻页
+        if (Math.abs(slide) > slideThreshold || slideSpeed > speedThreshold) {
+            slide > 0 ? this._currentIndex++ : this._currentIndex--;
+        }
+        this._slideTo(this._currentIndex);
+    }
+}

package/dist/Components/Custom/LibPixiSubAddMinMax/index.d.ts

@@ -0,0 +1,49 @@
+import type { Container } from "pixi.js";
+export interface LibPixiSubAddMinMaxParams {
+    /** 最小按钮 */
+    minBtn: Container;
+    /** 最大按钮 */
+    maxBtn: Container;
+    /** 增加按钮 */
+    subBtn: Container;
+    /** 减少按钮 */
+    addBtn: Container;
+    /** 初始下注索引 */
+    initialBetIndex: number;
+    /** 下注金额列表 */
+    betAmountListLength: number;
+    /** 金额更新回调 */
+    onAmountIndex: (index: number) => void;
+}
+/** @description 最小、最大按钮和增减按钮功能及置灰逻辑
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSubAddMinMax-数字控制器
+ */
+export declare class LibPixiSubAddMinMax {
+    /** 步进器 */
+    private baseNumSteper;
+    /** 最大最小按钮 */
+    private minBtn;
+    private maxBtn;
+    /** 增加减少按钮 */
+    private subBtn;
+    private addBtn;
+    /** 金额列表数量 */
+    private betAmountListLength;
+    /** 金额更新回调 */
+    onAmountIndex: (index: number) => void;
+    constructor(params: LibPixiSubAddMinMaxParams);
+    /** @description 点击最小按钮 */
+    min(): void;
+    /** @description 点击最大按钮 */
+    max(): void;
+    /** @description 点击减少按钮 */
+    sub(): void;
+    /** @description 点击增加按钮 */
+    add(): void;
+    /** @description 改变最小最大按钮状态及回调
+     * @param index 索引
+     */
+    minMaxUpdateIndex(index: number): void;
+    /** @description 设置最大最小按钮置灰及恢复 */
+    private _setGrey;
+}

package/dist/Components/Custom/LibPixiSubAddMinMax/index.js

@@ -0,0 +1,75 @@
+import { LibJsNumerStepper } from "lyb-js/dist/Misc/LibJsNumerStepper";
+import { libPixiFilter } from '../../../Utils/LibPixiFilter';
+/** @description 最小、最大按钮和增减按钮功能及置灰逻辑
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiSubAddMinMax-数字控制器
+ */
+export class LibPixiSubAddMinMax {
+    constructor(params) {
+        /** 金额列表数量 */
+        this.betAmountListLength = 0;
+        const { minBtn, maxBtn, addBtn, subBtn, initialBetIndex, betAmountListLength, onAmountIndex, } = params;
+        this.minBtn = minBtn;
+        this.maxBtn = maxBtn;
+        this.subBtn = subBtn;
+        this.addBtn = addBtn;
+        this.onAmountIndex = onAmountIndex;
+        this.betAmountListLength = betAmountListLength;
+        //金额增减步进器
+        this.baseNumSteper = new LibJsNumerStepper(betAmountListLength, (index) => {
+            this.onAmountIndex(index);
+            this.minMaxUpdateIndex(index);
+        });
+        //设置初始状态
+        this.minMaxUpdateIndex(initialBetIndex);
+        this.baseNumSteper.updateIndex(initialBetIndex);
+    }
+    /** @description 点击最小按钮 */
+    min() {
+        this.minMaxUpdateIndex(0);
+        this.onAmountIndex(0);
+    }
+    /** @description 点击最大按钮 */
+    max() {
+        const index = this.betAmountListLength - 1;
+        this.minMaxUpdateIndex(index);
+        this.onAmountIndex(index);
+    }
+    /** @description 点击减少按钮 */
+    sub() {
+        this.baseNumSteper.down("sub");
+    }
+    /** @description 点击增加按钮 */
+    add() {
+        this.baseNumSteper.down("add");
+    }
+    /** @description 改变最小最大按钮状态及回调
+     * @param index 索引
+     */
+    minMaxUpdateIndex(index) {
+        if (index === 0) {
+            this._setGrey("min");
+        }
+        else if (index === this.betAmountListLength - 1) {
+            this._setGrey("max");
+        }
+        else {
+            this._setGrey();
+        }
+        this.baseNumSteper.updateIndex(index);
+    }
+    /** @description 设置最大最小按钮置灰及恢复 */
+    _setGrey(type) {
+        this.minBtn.filters = [];
+        this.maxBtn.filters = [];
+        this.subBtn.filters = [];
+        this.addBtn.filters = [];
+        if (type === "min") {
+            this.minBtn.filters = [libPixiFilter("desaturate")];
+            this.subBtn.filters = [libPixiFilter("desaturate")];
+        }
+        else if (type === "max") {
+            this.maxBtn.filters = [libPixiFilter("desaturate")];
+            this.addBtn.filters = [libPixiFilter("desaturate")];
+        }
+    }
+}

package/dist/Components/Custom/LibPixiTable/index.d.ts

@@ -0,0 +1,52 @@
+/** @description 表格绘制并填入数字 */
+import { Container } from "pixi.js";
+export interface LibPixiTableParams {
+    /** 表格数据 */
+    data: (number | string)[][];
+    /** 单元格宽度 */
+    cellWidth?: number;
+    /** 单元格高度 */
+    cellHeight?: number;
+    /** 字体大小 */
+    fontSize?: number;
+    /** 字体颜色 */
+    fontColor?: string;
+    /** 线条厚度 */
+    lineWidth?: number;
+    /** 线条颜色 */
+    lineColor?: string;
+}
+/** @description 绘制表格并填充数字
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
+ */
+export declare class LibPixiTable extends Container {
+    /** 行数 */
+    private _rows;
+    /** 列数 */
+    private _cols;
+    /** 单元格宽度 */
+    private _cellWidth;
+    /** 单元格高度 */
+    private _cellHeight;
+    /** 字体大小 */
+    private _fontSize;
+    /** 线条宽度 */
+    private _lineWidth;
+    /** 字体颜色 */
+    private _fontColor;
+    /** 线条颜色 */
+    private _lineColor;
+    /** 二维数字数组 */
+    private _data;
+    constructor(params: LibPixiTableParams);
+    /** @description 绘制表格 */
+    private _drawTable;
+    /** @description 填充数字 */
+    private fillNumbers;
+    /** @description 创建数字文本
+     * @param number 数字
+     * @param col 列索引
+     * @param row 行索引
+     */
+    private _createNumberText;
+}

package/dist/Components/Custom/LibPixiTable/index.js

@@ -0,0 +1,70 @@
+/** @description 表格绘制并填入数字 */
+import { Text, Container, Graphics } from "pixi.js";
+import { libPixiScaleContainer } from "../../../Utils/LibPixiScaleContainer";
+/** @description 绘制表格并填充数字
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiTable-数字表格
+ */
+export class LibPixiTable extends Container {
+    constructor(params) {
+        super();
+        const { data, cellWidth = 130, cellHeight = 100, fontColor = "#B4B4B8", fontSize = 24, lineWidth = 3, lineColor = "#B4B4B8", } = params;
+        this._data = data;
+        this._rows = data.length;
+        this._cols = data[0].length;
+        this._cellWidth = cellWidth;
+        this._cellHeight = cellHeight;
+        this._fontColor = fontColor;
+        this._fontSize = fontSize;
+        this._lineWidth = lineWidth;
+        this._lineColor = lineColor;
+        this._drawTable();
+        this.fillNumbers();
+    }
+    /** @description 绘制表格 */
+    _drawTable() {
+        const tableWidth = this._cellWidth * this._cols;
+        const tableHeight = this._cellHeight * this._rows;
+        const graphics = new Graphics();
+        graphics.lineStyle(this._lineWidth, this._lineColor);
+        // 绘制表格外框
+        graphics.drawRect(0, 0, tableWidth, tableHeight);
+        // 绘制横线
+        for (let i = 1; i < this._rows; i++) {
+            graphics.moveTo(0, i * this._cellHeight);
+            graphics.lineTo(tableWidth, i * this._cellHeight);
+        }
+        // 绘制竖线
+        for (let j = 1; j < this._cols; j++) {
+            graphics.moveTo(j * this._cellWidth, 0);
+            graphics.lineTo(j * this._cellWidth, tableHeight);
+        }
+        this.addChild(graphics);
+    }
+    /** @description 填充数字 */
+    fillNumbers() {
+        for (let row = 0; row < this._rows; row++) {
+            for (let col = 0; col < this._cols; col++) {
+                const number = this._data[row][col];
+                this._createNumberText(number, col, row);
+            }
+        }
+    }
+    /** @description 创建数字文本
+     * @param number 数字
+     * @param col 列索引
+     * @param row 行索引
+     */
+    _createNumberText(number, col, row) {
+        const text = new Text(number.toString(), {
+            _fontSize: this._fontSize,
+            fill: this._fontColor,
+        });
+        // 计算文本的居中位置
+        const x = col * this._cellWidth + this._cellWidth / 2;
+        const y = row * this._cellHeight + this._cellHeight / 2;
+        this.addChild(text);
+        text.anchor.set(0.5);
+        text.position.set(x, y);
+        libPixiScaleContainer(text, this._cellWidth * 0.9);
+    }
+}

package/dist/Utils/LibPixiAudio/index.d.ts

@@ -0,0 +1,34 @@
+/** @description 音频播放器
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiAudio-音频播放器
+ */
+export declare class LibPixiAudio {
+    /** 是否启用音效 */
+    effectEnabled: boolean;
+    /** 是否启用音乐 */
+    musicEnabled: boolean;
+    /** 音乐是否处于暂停状态 */
+    private _isMusicPaused;
+    /** 是否已切换后台 */
+    private _isBackground;
+    /** 当前音乐播放器 */
+    private _musicPlayer;
+    /** 当前正在播放的音效列表 */
+    private _playingList;
+    constructor();
+    /** @description 播放音效 */
+    playEffect(link: string): Promise<void>;
+    /** @description 播放音乐 */
+    playMusic(link: string): Promise<void>;
+    /** @description 暂停音乐，一般是为了停止音乐后播放指定的音效，音效结束后调用 resumeMusic */
+    pauseMusic(): void;
+    /** @description 继续播放音乐，调用 pauseMusic 之后调用 */
+    resumeMusic(): void;
+    /** @description 停止播放指定音效 */
+    stopEffect(link: string): void;
+    /** @description 设置启用音效 */
+    setEffectEnabled(enabled: boolean): void;
+    /** @description 设置启用音乐 */
+    setMusicEnabled(enabled: boolean): void;
+    /** @description 设置音效和音乐播放状态 */
+    private _setPlayStatus;
+}

package/dist/Utils/LibPixiAudio/index.js

@@ -0,0 +1,140 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Assets } from "pixi.js";
+/** @description 音频播放器
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiAudio-音频播放器
+ */
+export class LibPixiAudio {
+    constructor() {
+        /** 是否启用音效 */
+        this.effectEnabled = true;
+        /** 是否启用音乐 */
+        this.musicEnabled = true;
+        /** 音乐是否处于暂停状态 */
+        this._isMusicPaused = false;
+        /** 是否已切换后台 */
+        this._isBackground = false;
+        /** 当前正在播放的音效列表 */
+        this._playingList = [];
+        this._musicPlayer = new Audio();
+        document.addEventListener("visibilitychange", () => {
+            this._isBackground = document.hidden;
+            this._setPlayStatus(!document.hidden);
+        });
+    }
+    /** @description 播放音效 */
+    playEffect(link) {
+        return new Promise((resolve) => {
+            const id = new Date().getTime();
+            const url = Assets.get(link).url;
+            const audio = new Audio(url);
+            audio.muted = this._isBackground || !this.effectEnabled;
+            audio.addEventListener("ended", () => {
+                this._playingList = this._playingList.filter((item) => item.id !== id);
+                resolve();
+            });
+            audio
+                .play()
+                .then(() => {
+                this._playingList.push({
+                    id,
+                    audio,
+                    url,
+                });
+            })
+                .catch(() => { });
+        });
+    }
+    /** @description 播放音乐 */
+    playMusic(link) {
+        return __awaiter(this, void 0, void 0, function* () {
+            //如果有音乐正在播放，则停止
+            if (this._musicPlayer) {
+                gsap.killTweensOf(this._musicPlayer);
+                yield gsap.to(this._musicPlayer, {
+                    volume: 0,
+                    duration: 1,
+                    ease: "linear",
+                });
+                this._musicPlayer.pause();
+            }
+            const url = Assets.get(link).url;
+            this._musicPlayer.src = url;
+            this._musicPlayer.loop = true;
+            this._musicPlayer.volume = 0;
+            const play = () => {
+                this._musicPlayer
+                    .play()
+                    .then(() => {
+                    this._isMusicPaused = false;
+                    gsap.killTweensOf(this._musicPlayer);
+                    gsap.to(this._musicPlayer, {
+                        volume: 1,
+                        duration: 1,
+                        ease: "linear",
+                    });
+                })
+                    .catch(() => {
+                    requestAnimationFrame(play.bind(this));
+                });
+            };
+            play();
+        });
+    }
+    /** @description 暂停音乐，一般是为了停止音乐后播放指定的音效，音效结束后调用 resumeMusic */
+    pauseMusic() {
+        this._isMusicPaused = true;
+        this._musicPlayer.pause();
+    }
+    /** @description 继续播放音乐，调用 pauseMusic 之后调用 */
+    resumeMusic() {
+        this._isMusicPaused = false;
+        this._musicPlayer.play();
+    }
+    /** @description 停止播放指定音效 */
+    stopEffect(link) {
+        const url = Assets.get(link).url;
+        this._playingList.forEach((item) => {
+            if (item.url === url) {
+                item.audio.pause();
+            }
+        });
+        this._playingList = this._playingList.filter((item) => item.url !== url);
+    }
+    /** @description 设置启用音效 */
+    setEffectEnabled(enabled) {
+        this.effectEnabled = enabled;
+        this._playingList.forEach((item) => {
+            item.audio.muted = !enabled;
+        });
+    }
+    /** @description 设置启用音乐 */
+    setMusicEnabled(enabled) {
+        this.musicEnabled = enabled;
+        this._musicPlayer.muted = !enabled;
+    }
+    /** @description 设置音效和音乐播放状态 */
+    _setPlayStatus(status) {
+        if (status) {
+            !this._isMusicPaused && this._musicPlayer.play();
+        }
+        else {
+            this._musicPlayer.pause();
+        }
+        this._playingList.forEach((item) => {
+            if (status) {
+                item.audio.play();
+            }
+            else {
+                item.audio.pause();
+            }
+        });
+    }
+}

package/dist/Utils/LibPixiCreateNineGrid/index.d.ts

@@ -0,0 +1,15 @@
+import { NineSlicePlane, type Texture } from "pixi.js";
+export interface LibPixiCreateNineGridParams {
+    /** 九宫格图片 */
+    texture: Texture;
+    /** 四个角的宽度 */
+    dotWidth: number | [number, number, number, number];
+    /** 宽度 */
+    width: number;
+    /** 高度 */
+    height: number;
+}
+/** @description 九宫格图
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
+ */
+export declare const libPixiCreateNineGrid: (params: LibPixiCreateNineGridParams) => NineSlicePlane;

package/dist/Utils/LibPixiCreateNineGrid/index.js

@@ -0,0 +1,19 @@
+import { NineSlicePlane } from "pixi.js";
+/** @description 九宫格图
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiCreateNineGrid-九宫格图
+ */
+export const libPixiCreateNineGrid = (params) => {
+    const { texture, dotWidth, width, height } = params;
+    let slice_width = [];
+    // 四个角的宽度
+    if (Array.isArray(dotWidth)) {
+        slice_width = dotWidth;
+    }
+    else {
+        slice_width = [dotWidth, dotWidth, dotWidth, dotWidth];
+    }
+    const nineSlicePlane = new NineSlicePlane(texture, slice_width[0], slice_width[1], slice_width[2], slice_width[3]);
+    nineSlicePlane.width = width;
+    nineSlicePlane.height = height;
+    return nineSlicePlane;
+};

package/dist/Utils/LibPixiEvent/index.d.ts

@@ -0,0 +1,9 @@
+import type { Container, DisplayObjectEvents } from "pixi.js";
+/** @description 事件注册
+ * @param v 事件容器
+ * @param eventName 事件名称
+ * @param callback 回调函数
+ * @param once 是否只执行一次
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
+ */
+export declare const libPixiEvent: (v: Container, eventName: keyof DisplayObjectEvents, callback: (...args: any) => void, once?: boolean) => void;

package/dist/Utils/LibPixiEvent/index.js

@@ -0,0 +1,22 @@
+/** @description 事件注册
+ * @param v 事件容器
+ * @param eventName 事件名称
+ * @param callback 回调函数
+ * @param once 是否只执行一次
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEvent-事件注册
+ */
+export const libPixiEvent = (v, eventName, callback, once = false) => {
+    v.cursor = "pointer";
+    v.eventMode = "static";
+    const fn = (e) => {
+        if (e.button === 2)
+            return;
+        callback(e);
+    };
+    if (once) {
+        v.once(eventName, fn);
+    }
+    else {
+        v.on(eventName, fn);
+    }
+};

package/dist/Utils/LibPixiEventControlled/index.d.ts

@@ -0,0 +1,8 @@
+import type { Container, DisplayObjectEvents } from "pixi.js";
+/** @description 设置可关闭的事件监听，调用自身后不再触发
+ * @param container 事件容器
+ * @param eventName 事件名称
+ * @param callback 事件回调
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEventControlled-可关闭的事件
+ */
+export declare const libPixiEventControlled: (container: Container, eventName: keyof DisplayObjectEvents, callback: (...args: any) => void) => () => void;

package/dist/Utils/LibPixiEventControlled/index.js

@@ -0,0 +1,21 @@
+/** @description 设置可关闭的事件监听，调用自身后不再触发
+ * @param container 事件容器
+ * @param eventName 事件名称
+ * @param callback 事件回调
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiEventControlled-可关闭的事件
+ */
+export const libPixiEventControlled = (container, eventName, callback) => {
+    let isDestroy = false;
+    container.cursor = "pointer";
+    container.eventMode = "static";
+    container.on(eventName, (e) => {
+        if (isDestroy)
+            return;
+        if (e.button === 2)
+            return;
+        callback(e);
+    });
+    return () => {
+        isDestroy = true;
+    };
+};

package/dist/Utils/LibPixiFilter/index.d.ts

@@ -0,0 +1,9 @@
+/** @description 设置滤镜 */
+import { ColorMatrixFilter, BlurFilter } from "pixi.js";
+export type LibPixiSetFilterFilterName = "brightness" | "blur" | "desaturate" | "contrast";
+/** @description 滤镜
+ * @param filterName 滤镜名称
+ * @param v 滤镜值
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
+ */
+export declare const libPixiFilter: (filterName: LibPixiSetFilterFilterName, v?: number) => ColorMatrixFilter | BlurFilter;

package/dist/Utils/LibPixiFilter/index.js

@@ -0,0 +1,30 @@
+/** @description 设置滤镜 */
+import { ColorMatrixFilter, BlurFilter } from "pixi.js";
+/** @description 滤镜
+ * @param filterName 滤镜名称
+ * @param v 滤镜值
+ * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiFilter-滤镜
+ */
+export const libPixiFilter = (filterName, v) => {
+    let filter;
+    if (filterName === "brightness") {
+        filter = new ColorMatrixFilter();
+        filter.brightness(v, false); // 设置亮度
+    }
+    else if (filterName === "blur") {
+        filter = new BlurFilter();
+    }
+    else if (filterName === "desaturate") {
+        filter = new ColorMatrixFilter();
+        filter.desaturate();
+    }
+    else if (filterName === "contrast") {
+        filter = new ColorMatrixFilter();
+        filter.contrast(v, false);
+    }
+    else {
+        throw new Error("未知滤镜名称");
+    }
+    filter.resolution = window.devicePixelRatio || 1;
+    return filter;
+};