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

m1615690513 · 发表于 2022-4-22 13:58:09

加入我们，或者，欢迎回来。

您需要登录才可以下载或查看，没有帐号？注册会员

x

本帖最后由 m1615690513 于 2023-6-25 17:35 编辑

作者：玉米/玉粥/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

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

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

[附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, 下载次数: 195)

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

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

m1615690513 · 发表于 2022-4-24 09:34:45

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

m1615690513 · 发表于 2022-4-24 11:06:50

本帖最后由 m1615690513 于 2022-4-24 11:09 编辑

黛惠发表于 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

m1615690513 · 发表于 2022-5-26 19:47:28

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

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

m1615690513 · 发表于 2022-9-22 09:47:03

言物之石发表于 2022-9-11 13:57
插件效果好棒！想求个范例按照帮助写的插件指令不知道为啥没效果

目前手册在实现中，敬请期待

m1615690513 · 发表于 2022-9-22 11:26:38

本帖最后由 m1615690513 于 2022-9-22 15:17 编辑

言物之石发表于 2022-9-11 13:57
插件效果好棒！想求个范例按照帮助写的插件指令不知道为啥没效果

文档已经附加在了第一帖最后处。

m1615690513 · 发表于 2022-10-12 16:26:07

本帖最后由 m1615690513 于 2022-10-12 16:27 编辑

言物之石发表于 2022-10-3 10:53
求助~看了帮助文档，设置BlurFilter NoiseFilter 都可以成功
但换成ShockwaveFilter就没有变化 AdvancedBlo ...

你可以在页面上找到示例配置内容

http://rpg.omuao.com/zh/PIXIFilter%E6%8F%92%E4%BB%B6%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97

帐号		自动登录	找回密码
密码			注册会员

[原创发布] PIXI.js 原生滤镜支持插件（MV版本）

加入我们，或者，欢迎回来。

评分