PixiEditor 自定义笔刷指南：3 步做出有呼吸感的粒子效果
【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor
PixiEditor 把笔刷当作可编辑的节点图来管理，每个.pixi笔刷文件都能独立调整形状、大小与抗锯齿行为。掌握这套 PixiEditor 自定义笔刷系统，你可以把散点式粒子、星光飞溅这类效果变成日常可用的笔触，而不是每次靠像素笔刷一格一格点。
快速上手：3 步画出第一个粒子
- 新建或打开一张文档，在左侧工具组里选中画笔工具。
- 在顶部工具条调整三样东西：笔刷尺寸、笔刷形状预览模式、抗锯齿开关。
- 按住左键拖动画线，光标处会实时显示笔刷落点预览，松手即完成一笔。
形状预览模式由 BrushShape 枚举 定义，共五种：Hidden（隐藏预览）、Pixel（单像素）、Square（方形）、CirclePixelated（像素化圆）、CircleSmooth（平滑圆）。预览由 BrushShapeOverlay 负责，它只影响你看到的轮廓线，不直接决定落笔结果——真正决定效果的是笔刷图本身。
关键参数一览：4 个开关决定笔触气质
| 参数 | 可选取值 | 对笔触的影响 | 使用建议 |
|---|---|---|---|
| 笔刷形状（预览模式） | Hidden / Pixel / Square / CirclePixelated / CircleSmooth | 决定预览轮廓的呈现方式 | 硬边像素风选 Pixel 或 CirclePixelated |
| 笔刷尺寸（StrokeWidth） | 任意数值 | 控制单次落笔的覆盖范围 | 粒子建议 1–4，主体笔画再加大 |
| 抗锯齿（AntiAliasing） | 开 / 关 | 开启后边缘柔和，关闭则边缘干脆 | 见下方 FAQ 第二条 |
| 稳定器（Stabilization） | 无 / 基于时间 / 基于距离 | 过滤手抖，延迟落笔换取平滑 | 手绘设备必开，数位板可关 |
尺寸、抗锯齿、稳定器这三项集中在 IBrushToolbar 定义，落笔时会被打包进 BrushData 传给笔刷引擎；稳定器则额外提供了TimeBased和CircleRope两种模式，分别按时间差和距离差来平滑你的手势。
一个完整工作流：从内置笔刷到魔法粒子
PixiEditor 的笔刷本质是节点图文档，可以打开查看内部结构。仓库自带一套可直接参考的笔刷素材：
- 内置笔刷：src/PixiEditor/Brushes/，在笔刷面板中加载即可使用。
- 自定义示例：samples/Sample11_Brushes/ 演示了如何用扩展把
.pixi笔刷注册进编辑器。
复现一份"魔法粒子"的步骤：
- 从笔刷面板加载 Doggo 等示例笔刷，先在画布中央用 1 像素笔刷点一个光心。
- 以光心为圆心，向外撒一圈 16 个左右的小点，间距逐步拉大，形成"由密到疏"的扩散感。
- 切换到
CirclePixelated模式，用半透明色在中间层再点一圈，作为过渡光晕。 - 导出检查：如果边缘过于生硬，打开抗锯齿重画光晕层即可。
整个过程只用画笔、颜色和大小，不依赖任何脚本——这正是笔刷节点图设计的意义：效果被固化进.pixi文件，下次直接调用。
常见问题（FAQ）
Q1：预览是平滑圆，为什么画出来还是方角？CircleSmooth只改预览线的画法，落笔形状由笔刷节点图决定。想要真正平滑的落笔，要么选带抗锯齿的笔刷素材，要么打开抗锯齿开关。
Q2：抗锯齿到底开还是关？硬边像素风关着画，边缘干净；画光效、光晕这类"粒子效果制作"场景时建议打开，半透明边缘能自然融合。预览渲染本身固定使用抗锯齿，所以你在预览里看到的柔和边缘不代表落笔也柔和，两者要分开判断。
Q3：怎么把自己的笔刷装进 PixiEditor？笔刷文件就是.pixi格式。写扩展时两行就能注册：
byte[] brush = Resources.ReadAllBytes("Resources/Doggo.pixi"); Api.BrushesProvider.RegisterBrushDataSource(new BrushesDataSource("我的笔刷", [brush]));完整写法见 BrushesSampleExtension。
Q4：手抖导致粒子分布不匀怎么办？把稳定器从"无"切到"基于时间"或"基于距离"，落笔会延迟一点但更稳；追求原始终手感的话，改用短促的点按代替长笔画，也能避开抖动。
PixiEditor 自定义笔刷的核心在于：预览参数管"看"，笔刷图管"画"，抗锯齿和稳定器管"手感"。想深入调参数，直接打开 samples/Sample11_Brushes/ 里的扩展代码和.pixi素材对照着改，是最快的上手路径。
【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
