132 lines
5.6 KiB
Plaintext
132 lines
5.6 KiB
Plaintext
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. 多语言界面
|
|
|
|
网站支持简体中文、繁体中文、英语、日语、韩语、法语、德语、葡萄牙语和西班牙语。首次访问会根据浏览器语言自动选择界面语言，也可以随时在画布顶部切换；选择结果会自动保存。
|
|
|
|
推荐使用流程
|
|
------------
|
|
|
|
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 骨骼、插槽与关键帧数据。
|