Spine 2D飘带计算工具|骨骼跟随工具
Spine 骨骼跟随工具介绍与使用教程
一、工具介绍
1. 工具定位
2. 核心功能
多骨骼链管理:可创建、编辑多条独立的骨骼链,分别配置物理参数;
物理参数自定义:支持硬度、摆幅、链衰减等核心物理参数调节,内置头发 / 尾巴 / 裙摆等预设;
实时预览:加载 Spine JSON 后可预览动画 + 物理跟随效果,支持纹理图集加载还原视觉效果;
批量模拟与导出:支持单链 / 全链模拟,模拟后自动精简冗余关键帧,可导出合并所有链效果的 JSON 文件;
版本适配:自动检测 Spine 3.x 文件并提示切换版本,保障关键帧格式兼容。
3. 界面布局
| 区域 | 功能 |
|---|---|
| 左侧面板 | 骨骼链管理(加载 JSON、新建 / 编辑骨骼链)+ 骨骼层级树(选择骨骼组成链) |
| 中间面板 | 动画预览(播放 / 暂停、进度调节)+ 纹理加载 + 状态提示 |
| 右侧面板 | 参数配置(物理预设、Spring 参数、模拟设置)+ 动画选择 + 模拟 / 导出 |
二、使用教程
前置准备
Spine 4.x 导出的骨骼动画 JSON 文件(若为 3.x 文件,工具会提示切换对应版本);
(可选)动画对应的纹理图集(PNG 图片 + .atlas 文件),用于预览时显示纹理。
步骤 1:加载 Spine JSON 文件
左侧面板找到「拖入 Spine JSON」区域,可直接拖拽 JSON 文件到该区域,或点击区域选择文件;
文件加载成功后,左侧会显示:
文件名及元信息(底部「finfo」区域);
骨骼层级树(「骨骼层级」模块);
「新建链」按钮变为可用状态;
工具自动解析动画列表,右侧「选择要模拟的动画」区域会显示所有动画名称。
步骤 2:创建并编辑骨骼链
点击左侧面板「+ 新建链」按钮,生成一条新的骨骼链;
编辑骨骼链:
点击骨骼链名称输入框,自定义链名称(如 “头发链”);
在左侧「骨骼层级」树中,依次点击需要加入链的骨骼(按父子层级顺序),骨骼会自动添加到当前链中;
若需移除骨骼:点击骨骼链下方标签中的「×」按钮删除对应骨骼;
(可选)重复步骤 1-2,创建多条骨骼链(如同时做头发、尾巴两条链)。
步骤 3:配置物理参数
「快速预设」选择适配场景的参数(头发 / 尾巴 / 裙摆 / 丝带 / 硬挺),预设会自动填充核心参数;
微调 Spring Magic 参数(关键):
| 参数 | 作用说明 |
|------------|--------------------------------------------------------------------------|
| 硬度(delay) | 数值越大,骨骼越 “硬”,跟随父骨骼的速度越快(0.01~0.99,默认 0.3) |
| 摆幅(scaleMotion) | 放大 / 缩小第一节骨骼的摆动幅度(0~5,默认 1.0) |
| 链衰减 | 末端骨骼的硬度衰减(0.3~1.0,默认 1.0),数值越小末端越软(如尾巴末端)|
模拟设置(按需调整):
模拟帧率:默认 60fps(越高越流畅,建议 60/90);
多次抽样:每帧内迭代次数(默认 2,越高效果越细腻);
预热帧数:循环预跑消除开头抖动(默认 30,无需大幅修改);
关键帧精简:调节「精简强度」(0~1),0 保留所有帧,1 最大程度精简冗余帧(默认 0.5 兼顾效果与体积)。
步骤 4:选择动画并预览
右侧「选择要模拟的动画」区域:
勾选需要添加物理效果的动画(可点击「全选 / 全不选」批量操作);
中间面板「预览」下拉框选择要预览的动画;
(可选)加载纹理:
中间面板「纹理」区域,分别拖拽 PNG 图集和 .atlas 文件到对应区域;
加载成功后,预览区会显示带纹理的骨骼动画;
预览控制:
点击「▶ 播放」按钮预览动画 + 物理跟随效果;
勾选 / 取消「跟随 / 原始」,对比模拟后与原动画的差异;
拖动进度条调节动画播放进度。
步骤 5:模拟并导出
模拟执行:
单链模拟:选中左侧目标骨骼链,点击右侧「▶ 模拟当前链」;
全链模拟:点击右侧「⚡ 模拟全部链」(所有骨骼链同时模拟);
模拟过程中,右侧会显示进度条及状态(准备中 / 模拟中 / 完成),模拟完成后:
左侧骨骼链会标记「已模拟」(绿色圆点);
右侧「各链模拟状态」会显示每条链的模拟结果;
导出设置:
「覆盖原有旋转轨道」:勾选则替换原骨骼的旋转关键帧(默认开启);
「保留原始轨道备份」:勾选则保留原关键帧(建议按需开启);
「关键帧间隔」:设置导出关键帧的时间间隔(默认 33ms,即 30fps);
点击「↓ 合并导出全部链」,下载包含所有骨骼链物理效果的 Spine JSON 文件,可直接导入 Spine 编辑。

视频教程转:https://www.cgjoy.com/thread-281201-1-1.html
工具链接:https://pylblog.com/spinetools/spine-follow-4x.html
工具免费使用,不收取任何费用,也不收集用户数据
如果工具对你有帮助可以请我吃包辣条
请选择一种支付方式支付元
扫描二维码推送至手机访问。
本サイト上に掲載の文章、画像、写真などを無断で複製することは法律で禁じられています。全ての著作権はGAMESHに帰属します。

