ARTICLE DETAIL

资讯详情

深耕编程入门与网站建设的一线实战洞察。

PixiEditor 自定义笔刷设置方法:形状、尺寸与抗锯齿的实际影响

PixiEditor 自定义笔刷设置方法:形状、尺寸与抗锯齿的实际影响 PixiEditor 自定义笔刷设置方法形状、尺寸与抗锯齿的实际影响【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditorPixiEditor 自定义笔刷系统允许实时调整形状、尺寸、抗锯齿与颜色透明度直接决定像素画笔刷效果。本文说明每个参数的适用场景并给出粒子、渐变等效果的参数组合。自定义笔刷能做什么不能做什么笔刷工具只作用于位图图层适合处理手绘质感笔触像素点、方形块、圆形小尺寸半透明笔触模拟光点、雪花、星光规则几何像素画里需要精确的方块与圆形不适合处理矢量形状与路径操作请用矢量工具滤镜与着色器类效果用节点图实现跨帧动画——一次落笔只影响当前帧如何设置笔刷形状笔刷形状由BrushShape枚举决定共 5 种预览模式模式效果适用场景Hidden不显示预览预览干扰判断时Pixel单像素精准像素级微调Square规则方形硬边缘、几何像素画CirclePixelated像素风格圆形像素画圆形CircleSmooth抗锯齿圆形柔和边缘、光晕过渡笔刷工具栏BrushToolbar提供三个可直接调节的参数笔刷Brush、尺寸ToolSize最小 0.1保留一位小数、抗锯齿AntiAliasing默认隐藏。尺寸与抗锯齿的取值会和笔刷图一起写入实际渲染使用的BrushData。控制笔刷抗锯齿的方法AntiAliasing开关决定边缘是否参与抗锯齿渲染。开启后CircleSmooth呈现平滑圆形关闭后圆形边缘沿像素边界走观感更硬。该开关在工具栏中默认隐藏需要在工具设置里展开。一个细节笔刷预览层自身的线条固定开启抗锯齿IsAntiAliased恒为 true所以预览轮廓与真实落笔的边缘可能略有差异最终以落笔结果为准。自定义笔刷的参数组合参数取值范围对效果的影响尺寸0.1 起直接决定笔触宽度写入StrokeWidth抗锯齿开 / 关边缘平滑度稳定强度0–128默认 10值越小跟手越快值越大理线越直稳定模式None/CircleRope/TimeBased无约束 / 圆绳范围约束 / 按时间平滑稳定参数对粒子手感影响明显None保留原始手绘抖动适合随机光点CircleRope把笔触限制在圆绳范围内适合画受控弧线和小圆TimeBased适合需要平稳的长笔画。粒子、渐变与随机分布的参数搭配小点粒子CirclePixelated尺寸 1–3抗锯齿关透明度 50%–70%手动随机点落。柔光光晕CircleSmooth尺寸 8–16抗锯齿开低透明度暖色由外向内逐圈提高透明度。由密到疏的拖尾CircleSmooth尺寸从 4 起步、按 0.5 递增透明度随尺寸同步下降。方块质感Square尺寸 4–8抗锯齿关不透明度 100%按网格排布。用节点图搭建的自定义笔刷会把每个公开变量自动挂到工具栏由BrushBasedToolViewModel完成因此可以在笔刷里加入速度、密度等参数边画边调。源码中笔刷模块的入口src/PixiEditor/Views/Overlays/BrushShapeOverlay/笔刷预览覆盖层BrushShape.cs定义形状枚举BrushShapeOverlay.cs负责光标处的实时渲染与稳定约束显示src/PixiEditor/ViewModels/Tools/ToolSettings/Toolbars/BrushToolbar.cs工具栏参数定义src/PixiEditor/ViewModels/Tools/Tools/BrushBasedToolViewModel.cs笔刷工具基类把笔刷黑板中的公开变量转成工具栏设置src/PixiEditor.ChangeableDocument/Changeables/Brushes/笔刷引擎BrushData.cs、BrushEngine.cs负责落笔执行与形状求值samples/Sample11_Brushes/注册自定义笔刷并挂接笔刷工具的扩展示例练习清单切换形状模式目标熟悉 5 种预览形状操作要点选中笔刷工具在工具栏逐个切换形状完成标准落笔后形状与预览一致对比抗锯齿目标直观感受边缘平滑度差异操作要点同一圆形尺寸下分别开启和关闭抗锯齿各画一笔完成标准关闭时边缘呈像素锯齿肉眼可辨尺寸渐变目标练习尺寸参数的平滑变化操作要点一笔之内从尺寸 1 连续增加到 10完成标准笔触由细到粗且无断点稳定控制目标理解稳定参数对线形的影响操作要点稳定强度分别设为 0 和 128各画一条相同弧线完成标准小值抖动明显大值明显更直笔刷动态参数目标体验节点图笔刷的公开变量操作要点参考samples/Sample11_Brushes/在笔刷中新增一个公开变量完成标准工具栏出现该参数且调整时落笔效果同步变化笔刷系统本身就是一个节点图能描述出来的笔触效果基本都能落到上面的参数组合里——先定目标再逐项调整即可。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表