Spine 骨骼跟随工具介绍与使用教程

一、工具介绍

1. 工具定位

该工具是一款面向 Spine 4.x 版本的可视化骨骼链物理跟随（Spring Magic）模拟工具，核心用于为 2D 骨骼动画中的头发、尾巴、裙摆、丝带等骨骼链添加自然的物理摆动效果，并可导出包含模拟后关键帧的 Spine JSON 文件。工具内置 Spring 物理算法，支持多骨骼链管理、实时预览、参数自定义及关键帧精简，大幅降低手动制作物理摆动动画的成本。

2. 核心功能

• 多骨骼链管理：可创建、编辑多条独立的骨骼链，分别配置物理参数；

• 物理参数自定义：支持硬度、摆幅、链衰减等核心物理参数调节，内置头发 / 尾巴 / 裙摆等预设；

• 实时预览：加载 Spine JSON 后可预览动画 + 物理跟随效果，支持纹理图集加载还原视觉效果；

• 批量模拟与导出：支持单链 / 全链模拟，模拟后自动精简冗余关键帧，可导出合并所有链效果的 JSON 文件；

• 版本适配：自动检测 Spine 3.x 文件并提示切换版本，保障关键帧格式兼容。

3. 界面布局

工具界面分为三大区域：

二、使用教程

前置准备

确保已准备好：

1. Spine 4.x 导出的骨骼动画 JSON 文件（若为 3.x 文件，工具会提示切换对应版本）；

2. （可选）动画对应的纹理图集（PNG 图片 + .atlas 文件），用于预览时显示纹理。

步骤 1：加载 Spine JSON 文件

1. 左侧面板找到「拖入 Spine JSON」区域，可直接拖拽 JSON 文件到该区域，或点击区域选择文件；

2. 文件加载成功后，左侧会显示：

• 文件名及元信息（底部「finfo」区域）；

• 骨骼层级树（「骨骼层级」模块）；

• 「新建链」按钮变为可用状态；

3. 工具自动解析动画列表，右侧「选择要模拟的动画」区域会显示所有动画名称。

步骤 2：创建并编辑骨骼链

骨骼链是 “需要添加物理跟随的一串骨骼”（如头发骨骼链：根骨骼→第一节头发→第二节头发）。

1. 点击左侧面板「+ 新建链」按钮，生成一条新的骨骼链；

2. 编辑骨骼链：

• 点击骨骼链名称输入框，自定义链名称（如 “头发链”）；

• 在左侧「骨骼层级」树中，依次点击需要加入链的骨骼（按父子层级顺序），骨骼会自动添加到当前链中；

• 若需移除骨骼：点击骨骼链下方标签中的「×」按钮删除对应骨骼；

3. （可选）重复步骤 1-2，创建多条骨骼链（如同时做头发、尾巴两条链）。

步骤 3：配置物理参数

右侧面板配置参数，推荐先选预设再微调：

1. 「快速预设」选择适配场景的参数（头发 / 尾巴 / 裙摆 / 丝带 / 硬挺），预设会自动填充核心参数；

2. 微调 Spring Magic 参数（关键）：

   | 参数       | 作用说明                                                                 |

   |------------|--------------------------------------------------------------------------|

   | 硬度（delay） | 数值越大，骨骼越 “硬”，跟随父骨骼的速度越快（0.01~0.99，默认 0.3）         |

   | 摆幅（scaleMotion） | 放大 / 缩小第一节骨骼的摆动幅度（0~5，默认 1.0）                          |

   | 链衰减     | 末端骨骼的硬度衰减（0.3~1.0，默认 1.0），数值越小末端越软（如尾巴末端）|

3. 模拟设置（按需调整）：

• 模拟帧率：默认 60fps（越高越流畅，建议 60/90）；

• 多次抽样：每帧内迭代次数（默认 2，越高效果越细腻）；

• 预热帧数：循环预跑消除开头抖动（默认 30，无需大幅修改）；

4. 关键帧精简：调节「精简强度」（0~1），0 保留所有帧，1 最大程度精简冗余帧（默认 0.5 兼顾效果与体积）。

步骤 4：选择动画并预览

1. 右侧「选择要模拟的动画」区域：

• 勾选需要添加物理效果的动画（可点击「全选 / 全不选」批量操作）；

• 中间面板「预览」下拉框选择要预览的动画；

2. （可选）加载纹理：

• 中间面板「纹理」区域，分别拖拽 PNG 图集和 .atlas 文件到对应区域；

• 加载成功后，预览区会显示带纹理的骨骼动画；

3. 预览控制：

• 点击「▶ 播放」按钮预览动画 + 物理跟随效果；

• 勾选 / 取消「跟随 / 原始」，对比模拟后与原动画的差异；

• 拖动进度条调节动画播放进度。

步骤 5：模拟并导出

1. 模拟执行：

• 单链模拟：选中左侧目标骨骼链，点击右侧「▶ 模拟当前链」；

• 全链模拟：点击右侧「⚡ 模拟全部链」（所有骨骼链同时模拟）；

2. 模拟过程中，右侧会显示进度条及状态（准备中 / 模拟中 / 完成），模拟完成后：

• 左侧骨骼链会标记「已模拟」（绿色圆点）；

• 右侧「各链模拟状态」会显示每条链的模拟结果；

3. 导出设置：

• 「覆盖原有旋转轨道」：勾选则替换原骨骼的旋转关键帧（默认开启）；

• 「保留原始轨道备份」：勾选则保留原关键帧（建议按需开启）；

• 「关键帧间隔」：设置导出关键帧的时间间隔（默认 33ms，即 30fps）；

4. 点击「↓ 合并导出全部链」，下载包含所有骨骼链物理效果的 Spine JSON 文件，可直接导入 Spine 编辑。

5. 

7. 视频教程转：https://www.cgjoy.com/thread-281201-1-1.html
   

工具链接：https://www.pylblog.com/spinetools/spine-follow-4x.html

工具免费使用，不收取任何费用，也不收集用户数据

如果工具对你有帮助可以请我吃包辣条