企业官网建设流程全解析

PixiEditor 自定义笔刷完整指南：4 步画出干净的粒子效果

【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor

这篇教程带你从零上手 PixiEditor 的自定义笔刷：不写任何代码，你就能做出小光点向外飞散、大小由密到疏渐变的粒子效果，还能控制颜色浓淡，让画面有层次感。

🎨 先认识笔刷面板：四种形状怎么选

打开 PixiEditor，选中画笔工具后，顶部工具栏就是笔刷设置的位置：形状、大小、透明度都在这里调。形状一共有四种可选：

• 像素（Pixel）：一次画一个像素点。描边、补单格暗部时用它最稳。
• 方形（Square）：规整的矩形笔触。快速铺底、画方块状结构时效率高。
• 像素化圆形（CirclePixelated）：轮廓是圆的，但边缘保留像素颗粒感。画小粒子不容易糊。
• 平滑圆形（CircleSmooth）：带抗锯齿的圆，边缘柔和。做光晕、柔光类的粒子更合适。

光标移到画布上时，笔刷形状会实时显示出来，你看到的尺寸就是实际落笔的尺寸，调大小前可以先预览确认。

⚡ 粒子效果四步走：从大块光斑到细碎微尘

第 1 步：用平滑圆形画主粒子。把笔刷大小调到 8，颜色透明度设到 80% 左右。大的光点是整个效果的视觉中心，先固定住它，后面才不至于散乱。

第 2 步：新建图层，用更小的笔刷点缀。换像素化圆形，大小改为 4，在主粒子周围点一圈次级光点。放在独立图层上，之后想整体移动或调透明度，都不会碰到主粒子。

第 3 步：让分布由密到疏。把大小从 4 逐渐调到 2，离中心越远的点画得越稀疏。越往外围点越少，模拟的是光自然衰减的样子，比均匀撒点更可信。

第 4 步：加一层低透明度的微尘。用大小 1 的像素笔刷，透明度压到 30%，在最外围零散点几个淡点。透明度低的点不会抢视线，整体立刻柔和不少。

🛠️ 两个进阶开关：形状枚举与抗锯齿怎么调

BrushShape形状开关在源码里其实定义了五种取值：Hidden、Pixel、Square、CirclePixelated、CircleSmooth。平时你用的是后四种，而Hidden会把画布上的笔刷预览整个隐藏。当你点得太密、预览圈挡住视线时，可以临时切成Hidden专心看画面，调完再切回来。

抗锯齿由IsAntiAliased属性控制。平滑圆形会自动开启它，边缘柔和无锯齿，适合光晕类粒子；但如果你要的是硬朗的像素风，就换回像素或方形模式，小尺寸下边缘会更干脆。两种状态对比着试一次，就能感觉到区别。

⚠️ 容易翻车的三个地方

粒子边缘发虚。原因：用小尺寸的平滑圆形画点，抗锯齿把边缘晕开了。调整：换成像素化圆形，同样大小下边缘会清楚很多。

分布显得刻意。原因：光点排成了整齐的圈或网格，一眼看出是摆出来的。调整：把点随机上下偏移一两格，允许少量重叠，画面立刻松散自然。

颜色太实。原因：所有粒子都用 100% 透明度，糊成一团。调整：中心点保持深一点，外围点压到 30%~50%，让浓淡有梯度。

🔗 延伸入口

• 想了解完整功能：README.md
• 想自己写笔刷插件：samples/ 里有现成的扩展示例可参考
• 想弄清预览原理：src/PixiEditor/Views/Overlays/BrushShapeOverlay/

把上面四步照着走一遍，选一个带透明度的颜色，从大小 8 开始调，几分钟就能画出第一组像样的粒子效果。

【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor