PIXI.js 原生滤镜支持插件（MV版本）

m1615690513

作者：玉米/玉粥/m1615690513
授权协议：MIT（任意使用，包括商用，zip包已经包含了所需的MIT协议文件）

术语说明：
commandPrefix ：命令前缀，默认值$
del:删除
add:添加
exec:对已经添加的滤镜进行进一步添加


◆插件说明：为地图场景删除滤镜，ID为1
◆注释：插件指令：命令前缀 删除滤镜 场景名称 自定义的滤镜ID 滤镜参数（可选）
◆插件指令：commandPrefix del Scene_Map 1
◆插件指令(默认写法）：$ del Scene_Map 1

◆插件说明：为地图场景添加滤镜，ID为1
◆注释：插件指令：命令前缀 添加滤镜 滤镜类型 场景名称 自定义的滤镜ID 滤镜参数（可选）
◆插件指令：commandPrefix add BlurFilter Scene_Map 1
◆插件指令(默认写法）：$ add BlurFilter Scene_Map 1

◆插件说明：进一步更改滤镜的参数
◆注释：插件指令：命令前缀 执行滤镜 场景名称 自定义滤镜ID 滤镜方法 滤镜参数（可选）
◆插件指令：commandPrefix exec Scene_Map 3 blackAndWhite
◆插件指令(默认写法）：$ exec Scene_Map 3 blackAndWhite


滤镜参数详情见（https://filters.pixijs.download/main/demo/index.html）

支持的滤镜
* 滤镜中文名        滤镜英文名        滤镜类型
* ===============================================================
* FXAA（多重采样抗锯齿）        FXAA        FXAAFilter
* 噪声        Noise        NoiseFilter
* 置换        Displacement        DisplacementFilter
* 模糊        Blur        BlurFilter
* 模糊 X        Blur X        BlurXFilter
* 模糊 Y        Blur Y        BlurYFilter
* 颜色矩阵        Color Matrix        ColorMatrixFilter
* 虚空        Void        VoidFilter
* 调整        Adjustment        AdjustmentFilter
* 高级布鲁姆        Advanced Bloom        AdvancedBloomFilter
* ASCII（猜测字符滤镜）        Ascii        AsciiFilter
* 斜面        Bevel        BevelFilter
* 布鲁姆        Bloom        BloomFilter
* 凸出收缩        Bulge Pinch        BulgePinchFilter
* 阴极射线管        CRT        CRTFilter
* 彩色地图        Color Map        ColorMapFilter
* 颜色叠加        Color Overlay        ColorOverlayFilter
* 颜色替换        Color Replace        ColorReplaceFilter
* 卷积        Convolution        ConvolutionFilter
* 交叉阴影        Cross Hatch        CrossHatchFilter
* 点        Dot        DotFilter
* 投影        Drop Shadow        DropShadowFilter
* 浮雕        Emboss        EmbossFilter
* 毛刺        Glitch        GlitchFilter
* 发光        Glow        GlowFilter
* 云隙光        Godray        GodrayFilter
* Kawase模糊        Kawase Blur        KawaseBlurFilter
* 动态模糊        Motion Blur        MotionBlurFilter
* 多颜色替换        Multi Color Replace        MultiColorReplaceFilter
* 老电影        Old Film        OldFilmFilter
* 大纲        Outline        OutlineFilter
* 像素化        Pixelate        PixelateFilter
* RGB 拆分        RGB Split        RGBSplitFilter
* 径向模糊        Radial Blur        RadialBlurFilter
* 反思        Reflection        ReflectionFilter
* 冲击波        Shockwave        ShockwaveFilter
* 简单的光地图        Simple Light map        SimpleLightmapFilter
* 倾斜移位轴        Tilt Shift Axis        TiltShiftAxisFilter
* 倾斜移位        Tilt Shift        TiltShiftFilter
* 倾斜位移 X        Tilt Shift X        TiltShiftXFilter
* 倾斜位移 Y        Tilt Shift Y        TiltShiftYFilter
* 扭曲        Twist        TwistFilter
* 缩放模糊        Zoom Blur        ZoomBlurFilter

============【演示和示例】================

老电影（OldFilmFilter）

像素化（PixelateFilter）

冲击波（ShockwaveFilter）

============【支持的设备和浏览器】================

[附1]：支持详情：https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API

[附2]：支持详情：https://caniuse.com/webgl

============【滤镜插件下载】================
PIXIFilter-1.0.1.RELEASE.zip (33.66 KB, 下载次数: 317)

2022-4-22 13:46 上传

点击文件名下载附件
滤镜插件

============【滤镜文档地址】================

由于阅读感受，固采用外部网站书写文档，地址为: (http://conquest.omuao.com/zh/PIXIFilter插件使用指南)

微笑的迪妮莎

看着好冰淇淋~有没效果图看看呐?

1071257831

想问一下所有效果都适配移动端吗？

m1615690513

1071257831 发表于 2022-4-23 15:18
想问一下所有效果都适配移动端吗？

PIXI.js原生滤镜，目前支持带有WEBGL的移动端。

[附1]：支持详情：https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API
[附2]：支持详情：https://caniuse.com/webgl

tuxyin

这个厉害了，几乎包含了Pixi.js的所有原生滤镜！~~

黛惠

canvas还是不能用的意思嘛qwq

m1615690513

黛惠 发表于 2022-4-24 11:03
canvas还是不能用的意思嘛qwq

canvas支持部分基础滤镜，如果不带有uniform脚本的一般也支持。
目前主流版本的IOS,Android均支持webgl

详细请查看支持以下情况
[附1]：支持详情：https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API
[附2]：支持详情：https://caniuse.com/webgl

Vicformat

很棒的插件，不过大佬可以问一下指令更具体的写法吗？有部分滤镜必须要指定数值，程序盲不知道怎么解决file:///D:/1Pic/Screenshot/Snipaste_2022-05-21_07-03-52.png

m1615690513

Vicformat 发表于 2022-5-21 07:06
很棒的插件，不过大佬可以问一下指令更具体的写法吗？有部分滤镜必须要指定数值，程序盲不知道怎么解决{:4_ ...

后续有空追加一些详细的使用文档

言物之石

插件效果好棒！想求个范例 按照帮助写的插件指令不知道为啥没效果