PixiEditor自定义笔刷实操指南:从形状选择到粒子效果

PixiEditor自定义笔刷实操指南:从形状选择到粒子效果 PixiEditor自定义笔刷实操指南从形状选择到粒子效果【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditorPixiEditor的笔刷系统把每一笔的形状、尺寸和边缘方式都暴露成了可调参数。本文按选形状、调参数、验证效果、注册自定义笔刷的顺序讲解借助内置笔刷预览层与笔刷数据接口在像素场景中画出星光与光晕两类粒子且每次调整都能看到可见变化。️ 如何选择合适的笔刷类型并查看效果预览BrushShape枚举见 BrushShape.cs定义了五种预览轮廓各自适合不同的粒子场景枚举值边缘特征适用场景Pixel单像素点细碎星光、尘埃Square直角矩形格状粒子、像素簇CirclePixelated圆形但贴合像素网格像素风粒子的首选CircleSmooth抗锯齿柔和边缘光晕、雾气Hidden不显示预览只看落笔结果时选择原则画像素画时用CirclePixelated边缘与像素网格对齐粒子周围不会出现半灰像素需要发光感时改用CircleSmooth引入抗锯齿过渡。预览轮廓由 BrushShapeOverlay.cs 调用engine.EvaluateShape生成ZoomChanged里会把StrokeWidth按缩放比例反比换算因此无论放大多少倍轮廓始终约 1 像素宽方便贴近视察。预览轮廓如何绘制Render中先置paint.IsAntiAliased true再用DrawPath描出当前笔刷外缘未按下鼠标时轮廓为浅灰色按下后切换为稳定器指示见下节每次指针移动都会触发UpdateBrushShape重算轮廓预览始终跟随光标如何调整大小、透明度与稳定度尺寸与透明度先选CirclePixelated、设小尺寸画碎粒子再换大尺寸在另一图层画光晕主体用图层不透明度控制发亮程度想让粒子从密变疏移动光标时同步把尺寸调小粒子沿轨迹逐渐散开填充色用半透明色透明度越高粒子越淡越接近尘埃不透明度拉满则接近实心点边缘与稳定性抗锯齿开关决定落笔边缘的平滑度开启后需放大确认过渡带没有超出预期范围手抖时启用稳定功能StabilizationMode取CircleRope会在实际作用点与光标间画一段绳索形指示取TimeBased则画直线用它们判断落笔偏差调完后放大检查CirclePixelated边缘应完全方正CircleSmooth应有平滑过渡带如何验证粒子效果是否达标放大到 1:1检查粒子周围有无半灰像素或超出预期的光晕把BrushShape切到Hidden排除轮廓干扰后看真实落笔结果在空白画布画一串大小递减的粒子对照参考图检查疏密节奏不满意时回到形状→尺寸→透明度的顺序单项修改便于定位问题来源 如何通过扩展注册自定义笔刷内置形状不够用时参考 samples/Sample11_Brushes/ 里的示例扩展流程分三步读入笔刷文件示例自带Resources/Doggo.pixi调用Api.BrushesProvider.RegisterBrushDataSource注册笔刷数据源使其出现在笔刷面板用Api.ToolsProvider.RegisterBrushTool把该笔刷包装成独立工具配置图标与快捷键再经AddToolToToolset挂入像素画工具集完成后从工具栏选中该工具即可绘制尺寸、透明度等参数仍按前文方法调整。下一步先在一个 64×64 画布上用CirclePixelated画一片星场确认手感再把 Sample11 中的笔刷资源换成自己的文件完成从内置笔刷到自定义笔刷的闭环。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考