Project1

标题: PIXI.js 原生滤镜支持插件（MV版本） [打印本页]

作者: m1615690513 时间: 2022-4-22 13:58
标题: PIXI.js 原生滤镜支持插件（MV版本）
本帖最后由 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, 下载次数: 251)

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

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

作者: 微笑的迪妮莎 时间: 2022-4-22 14:36
看着好冰淇淋~有没效果图看看呐?

作者: 1071257831 时间: 2022-4-23 15:18
想问一下所有效果都适配移动端吗？

作者: m1615690513 时间: 2022-4-24 09:34

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 时间: 2022-4-24 09:49
这个厉害了，几乎包含了Pixi.js的所有原生滤镜！~~

作者: 黛惠 时间: 2022-4-24 11:03
canvas还是不能用的意思嘛qwq

作者: m1615690513 时间: 2022-4-24 11:06
本帖最后由 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

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

file:///D:/1Pic/Screenshot/Snipaste_2022-05-21_07-03-52.png

作者: m1615690513 时间: 2022-5-26 19:47

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

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

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

作者: m1615690513 时间: 2022-9-22 09:47

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

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

作者: m1615690513 时间: 2022-9-22 11:26
本帖最后由 m1615690513 于 2022-9-22 15:17 编辑

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

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

作者: 言物之石 时间: 2022-10-3 10:53
求助~看了帮助文档，设置BlurFilter NoiseFilter 都可以成功
但换成ShockwaveFilter就没有变化 AdvancedBloomFilter还会报错
libs的两个文件也都放进去了
感觉ShockwaveFilter的效果做个战斗技能动画很爽求助呀

作者: soldado_lunar 时间: 2022-10-4 10:09
非常不错的插件！

作者: m1615690513 时间: 2022-10-12 16:26
本帖最后由 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

作者: 666888999 时间: 2024-5-5 20:38
很有用

作者: m1615690513 时间: 2024-6-14 10:50

666888999 发表于 2024-5-5 20:38
很有用

目前尚存一些问题，我自己在使用中发现，部分滤镜效果如Outline可能无法应用在Sprite人物上.

作者: 不弹torii 时间: 2024-6-21 18:59
谢谢大佬，太需要了！问一下部分插件像高级bloom和bloom滤镜会出现类似这样的错误，请问有什么解决办法吗？
还有有设置只作用于地图层级而不作用系统界面的功能吗

我是完全程序白痴。

@L6HYN5PYFZQ@KU5)W{~1OT.png (7.75 KB, 下载次数: 7)

作者: 蛊真人 时间: 2024-6-24 06:35
请问适配安卓吗

欢迎光临 Project1 (https://rpg.blue/)