PixiEditor · 自定义笔刷配置速通手册

PixiEditor · 自定义笔刷配置速通手册【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditorPixiEditor 自定义笔刷只讲三件事尺寸、抗锯齿、稳定化外加笔刷预览。做完你能给像素画调出一组粒子效果。 最小路径上手三步画出一粒粒子Step 1打开 PixiEditor在左侧工具栏选画笔工具把顶部工具栏的 Tool size 设为 1。做完这步你应该看到光标处跟着一个 1 像素的轮廓。 Step 2在右侧 HSV 色轮上挑一个颜色点击画布。你应该看到一个和取色器一致的像素点落在画面上。 Step 3把顶部 Tool size 改成 5再画一次。你应该看到形状变成 5×5 的方块边缘仍然对齐像素格。 拆解自定义笔刷的三个参数模块管粗细和边缘ToolSize与AntiAliasing解决笔触有多粗、边缘硬不硬的问题。关键参数定义在 BrushToolbar.csToolSize笔刷粗细最小 0.1保留一位小数AntiAliasing是否对笔触边缘做平滑渲染层里它们对应BrushData结构体的StrokeWidth与AntiAliasing两个字段见 BrushData.csToolSize为 1 时笔触是单像素点为 5 时就是 5×5 方块AntiAliasing打开后圆形边缘柔和关掉则呈阶梯状——后者就是像素感的来源。把手抖的线拉直StabilizationMode与Stabilization解决手画直线抖得厉害的问题。预览层会在上一个落笔点和当前光标之间画一条红色绳索做视觉引导实现见 BrushShapeOverlay.csStabilizationMode稳定化模式提供关闭、圆形绳索、基于时间三种取值Stabilization绳索长度默认 10范围 0–128选中绳索模式再画线你会看到红线连接落笔点与光标Stabilization调大绳索更长引导更强具体平滑逻辑以仓库实际代码为准。确认真实落笔形状笔刷预览覆盖层解决屏幕上看到的是不是画出来的形状的问题。预览层每帧在光标位置调用engine.EvaluateShape生成轮廓位于 BrushShapeOverlay 目录BrushShape枚举定义了 5 种预览形状Hidden、Pixel、Square、CirclePixelated、CircleSmooth预览轮廓本身用抗锯齿渲染代码里paint.IsAntiAliased true5 个枚举值已在仓库中定义它与界面的接线方式以仓库实际代码为准。用笔在画布上悬停时一个浅灰色轮廓会跟着光标走大小和形状与真正落下的笔触一致。⚡ 组合出粒子魔法的两步玩法玩法一先用ToolSize为 1 的亮色撒出星星粒子再在取色器里把颜色透明度调低、换更大尺寸另开图层画大粒子。你会看到远处粒子小而实、近处粒子大而淡整片粒子云有了景深。玩法二先打开 Graph 视图把噪声、阈值等节点连线组合成笔触纹理再切回画布用笔绘制。你会看到落下的不再是实心圆点而是斑驳的颗粒纹理直接当粒子笔刷用。⚠️ 新手易踩的两个坑坑一现象预览轮廓明明很小画出来的却是一大片原因预览只显示当前点的形状笔触是拖动过程中逐点累积出来的解法先停住鼠标核对轮廓尺寸再缓慢移动落笔笔触偏粗就先把ToolSize减半重画一次再对比坑二现象圆形边缘锯齿明显看着像马赛克原因AntiAliasing处于关闭状态边缘没有做平滑解法在工具设置区确认抗锯齿开关对应代码中的AntiAliasing界面展示位置以仓库实际代码为准若你就要像素风保持关闭即可 继续深入笔刷预览覆盖层源码预览原理工具与工具栏定义参数位置笔刷引擎与 BrushData渲染实现扩展示例工程示例模板README.md项目概览三个参数管住笔刷打开 samples/ 目录跑一个示例项目练手。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考