PixiEditor 自定义笔刷速成:粒子效果实战
【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor
PixiEditor 是一款跨平台 2D 像素编辑工具,其自定义笔刷系统可以把普通画笔变成粒子发射器。本文按实际操作流程说明如何加载、设置并调优笔刷,帮你快速做出想要的像素画效果。
🎨 选对场景:什么时候该用自定义笔刷
第一类是粒子效果:星光、尘埃、魔法微粒这类元素,逐像素手点费时且难以保持一致。把小尺寸笔刷当成粒子源反复落点,画面细节会均匀很多。
第二类是批量素材:做精灵表时,火焰、烟雾等重复元素如果共用同一支笔刷,整体风格更容易统一。两类情况的预览形态都由笔刷形状枚举BrushShape控制,共五个取值:Hidden(隐藏预览)、Pixel(单像素)、Square(方形)、CirclePixelated(像素圆)、CircleSmooth(平滑圆)。
🛠️ 上手:3 步加载并设置像素笔刷
- 拿到笔刷文件。笔刷以
.pixi格式保存,仓库内置笔刷位于src/PixiEditor/Data/Brushes/,共 16 个文件,可直接复制当模板。 - 在工具栏选笔刷。选中 PixiEditor 的笔刷工具后,从工具栏的
Brush项选择笔刷,设置ToolSize(最小 0.1,保留一位小数),实际笔触宽度写入StrokeWidth。 - 调整预览形状。从形状枚举的五种模式里选择,实现位于(src/PixiEditor/Views/Overlays/BrushShapeOverlay/BrushShape.cs)。
笔刷最终携带三个核心参数:
BrushData:BrushGraph(笔刷节点图)、AntiAliasing(抗锯齿开关)、StrokeWidth(宽度)定义见(src/PixiEditor.ChangeableDocument/Changeables/Brushes/BrushData.cs)。
⚙️ 调优:粒子效果制作的三组参数组合
- 边缘:像素粒子把
AntiAliasing设为false,得到锐利硬边;CircleSmooth仅在开启抗锯齿时有意义,适合柔和光晕。 - 密度:
ToolSize调小做稀疏颗粒,调大做密集笔触;配合多层绘制,核心层密、边缘层疏,层次感更明显。 - 稳定性:
Stabilization取值 0~128,配合StabilizationMode的CircleRope或TimeBased模式可平滑快速运笔的抖动;点状短粒子建议保持默认None。
参数定义集中在(src/PixiEditor/ViewModels/Tools/ToolSettings/Toolbars/BrushToolbar.cs)。需要批量注入笔刷时,扩展可通过Api.BrushesProvider.RegisterBrushDataSource注册笔刷数据源,用法参考(samples/Sample11_Brushes/)。
排错:换形状无反应与边缘发虚怎么办
预览不更新:预览由覆盖层BrushShapeOverlay负责,只有选中真实笔刷后才会重建形状,未选择时返回空数据,画布上自然看不到东西(src/PixiEditor/Views/Overlays/BrushShapeOverlay/BrushShapeOverlay.cs)。先确认工具栏的Brush项已有选择。
边缘发虚:多半是AntiAliasing处于开启状态,关闭后即可获得干净的像素硬边,这也是像素画的正确做法。
一句话总结:形状枚举定轮廓、抗锯齿定边缘、尺寸定密度。可先从 README.md 的官方功能列表入手,找到内置笔刷逐个试起。
【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考