SpineParticle 网站功能介绍 ======================== 网站地址： https://spineparticles.yeomai.site/ 一句话介绍 ---------- SpineParticle 是一款运行在浏览器中的 Spine 粒子动画编辑器。它可以把粒子效果制作、实时预览并烘焙成可继续在 Spine 中编辑的骨骼动画工程。 适合谁使用 ---------- - 游戏 UI 和 2D 特效设计人员 - Spine 动画师 - 需要制作技能、爆炸、火花、烟雾、拖尾等效果的美术人员 - 希望减少逐帧图片输出、保留动画可编辑性的团队 - 想在浏览器中快速验证粒子效果的开发者 主要功能 -------- 1. 浏览器内粒子编辑 无需安装网页编辑器客户端，打开网站即可开始制作。可以创建粒子系统、碰撞体、贝塞尔路径，并加载 Spine 骨骼动画作为参考或跟随目标。 2. 完整的粒子参数 支持持续发射和爆发发射，可设置发射数量、速率、延迟、发射时长、生命周期、速度、缩放、旋转以及生命周期内变化。大多数参数支持固定、随机和曲线三种方式，并提供可视化曲线编辑。 3. 多种发射区域 可以使用点、圆形环带、矩形环带、锥形和自定义贝塞尔路径作为粒子出生区域。发射方向支持固定角度、随机范围、径向、路径法线和路径切线。 4. 丰富的粒子外观 每颗粒子可以使用单张图片或序列帧，并支持多图片按权重随机。图片可单独设置缩放、贴图轴点、颜色、生命周期渐变、透明度和混合模式。 5. 可视化贴图轴点 图片资源卡可以直接打开贴图轴点编辑器。支持拖动轴点、缩放画布、精确输入坐标、超出图片边界和全屏调整。轴点结果会烘焙到 Spine 附件偏移中。 6. 粒子修改器 提供移动噪声、重力、风力、力场、漩涡、阻尼、吸附、碰撞、拖尾、路径跟随和 Spine 骨骼跟随等效果。多个修改器可以组合使用。 7. 子发射器 粒子可以在出生、死亡或碰撞时触发另一个粒子系统，形成多层粒子效果。支持发射概率、触发延迟、碰撞次数限制，以及颜色、大小、旋转和生命周期继承。 例如，可以让主粒子死亡后生成火花，火花碰撞后再生成更小的碎片。 8. Spine 插槽显示层级 粒子可以在 Spine 的指定插槽图片之上或之下预览，并会跟随动画中的 drawOrder 自动调整。该功能用于编辑器预览，便于检查粒子与角色、武器、UI 元素之间的前后遮挡关系。 9. 时间轴与 AB 循环 底部时间轴可以播放、暂停、逐帧查看完整粒子效果，并自动计算子发射器带来的总时长。 AB 循环是一个独立功能开关。开启后会显示浮动输入窗，可以输入起点 A 和终点 B，单独检查某一段动画；关闭后按完整时间轴播放。 10. Spine 动画导出 粒子最终效果可以烘焙为 Spine 的骨骼、插槽、附件和动画时间轴，而不是导出成不可编辑的逐帧图片。 支持： - Spine 3.8、4.0、4.1、4.2、4.3 JSON - 图片资源 ZIP - 通过本地连接器生成可继续编辑的 .spine 工程包 - 线性或平滑贝塞尔关键帧 - 可调导出 FPS - 骨骼对象池 - 拖尾加权 Mesh - 子发射器和碰撞结果烘焙 11. 工程保存与预设 可以保存和加载完整工程配置，也可以使用内置预设快速开始。场景对象支持复制、显隐和撤回。 12. 多语言界面 网站支持简体中文、繁体中文、英语、日语、韩语、法语、德语、葡萄牙语和西班牙语。首次访问会根据浏览器语言自动选择界面语言，也可以随时在画布顶部切换；选择结果会自动保存。 13. 浏览器本地配置库 点击“保存配置”可以为当前工程命名并保存到浏览器。配置列表支持快速加载、删除、单文件下载和全部打包下载。加载前会提示当前场景将被覆盖，避免误操作。 推荐使用流程 ------------ 1. 打开网站并创建粒子系统。 2. 选择发射模式、发射区域和粒子属性。 3. 添加图片或序列帧，调整颜色、透明度和贴图轴点。 4. 按需要组合重力、风力、碰撞、拖尾、吸附等修改器。 5. 添加子发射器，编排出生、死亡或碰撞后的二次效果。 6. 加载 Spine 资源，检查粒子与插槽的前后层级。 7. 使用时间轴或 AB 循环检查动画衔接。 8. 保存工程配置。 9. 导出 Spine JSON、图片包，或通过连接器生成 .spine 工程。 网站特点 -------- - 浏览器直接使用，工作流轻量 - 参数修改实时预览 - 粒子、碰撞、路径和 Spine 动画统一在一条时间轴中查看 - 支持复杂父子粒子效果 - 导出结果保留骨骼和插槽，可在 Spine 中继续修改 - 提供多版本 Spine 支持 - 配置、预设和导出文件可独立管理 使用说明 -------- 编辑器右上角有“使用说明”按钮，包含创建对象、参数模块、时间轴、Spine 资源、连接器和导出流程的快速介绍。 如需生成 .spine 工程包，需要在本机安装并启动 SpineParticle 连接器。只导出 Spine JSON 或图片 ZIP 时，可直接在网页中完成。 简短介绍文案 ------------ 版本一： SpineParticle 是一款浏览器端 Spine 粒子动画编辑器，支持粒子设计、子发射器、Spine 插槽层级预览和多版本动画烘焙导出，帮助你把粒子效果转换为可继续编辑的 Spine 工程。 版本二： 在浏览器中完成粒子制作、Spine 效果预览和骨骼动画导出。SpineParticle 支持碰撞、拖尾、路径跟随、父子发射器与 AB 循环检查，适合游戏特效和 Spine 动画工作流。 版本三： SpineParticle 让粒子特效不再只能输出为逐帧图片。你可以实时编辑粒子、组合次级效果，并将最终动画烘焙为可编辑的 Spine 骨骼、插槽与关键帧数据。