实战教程 · STEP-BY-STEP

Spine 4.1 导出至 Unity 2D Animation 实操教程:从素材准备到 UnityPackage 导入

本教程将手把手演示如何将 Spine 4.1 制作的 2D 骨骼动画完整导出,并利用 STROLS 在线转换工具转为 Unity 原生 com.unity.2d.animation 资产,最终在 Unity 2022.3 LTS 或 Unity 6 中完成动画播放。

步骤一:Spine 编辑器导出设置规范

为了确保转换服务能够精确还原骨骼层级与纹理信息,请在 Spine 编辑器中按照以下推荐选项进行导出:

步骤二:整理待转换素材包

确保你的文件包包含以下三类核心素材:

my_character/
├── character.json       (或者 character.skel)
├── character.atlas      (或者 character.atlas.txt)
└── character.png        (图集切片纹理)

你可以直接在电脑中框选上述文件,也可以将包含该文件夹的内容打包为单个 .zip 压缩包。

步骤三:在线转换与 WebGL 交互预览

访问 STROLS 在线转换平台,使用方式极为直观:

  1. 点击“选择文件夹”或“选择 ZIP”,选择刚刚准备好的 Spine 素材。
  2. 点击“开始免费转换”,系统将自动执行文件完整性校验与骨骼动画解析。
  3. 转换完成后,网页右侧(或下方)会自动加载 WebGL 交互预览窗口。你可以在浏览器中直接切换不同动画时间线、调整播放速度、检查骨骼运动是否平滑。转换与预览完全免费。

步骤四:Unity 目标项目环境准备

在导入转换包之前,请确认你的 Unity 项目已安装官方 2D 动画支持:

  1. 打开 Unity Editor(推荐 Unity 2022.3 LTS 或 Unity 6.5)。
  2. 打开菜单 Window > Package Manager。
  3. 切换至 Unity Registry,搜索并安装 2D Animation(内部包名:com.unity.2d.animation)。
  4. 如果是 URP 项目,请确保已启用 2D Renderer 特性。

步骤五:导入 .unitypackage 并播放动画

确认在线预览效果满意后,在网页上点击“下载 .unitypackage”:

  1. 将下载的 .unitypackage 文件直接拖入 Unity 的 Project 面板,点击右下角 Import。
  2. 导入完成后,展开生成的目录,你会看到:
    • Prefab 预制体: 已预先配置好 SpriteRenderer、SpriteSkin 骨骼组件及层级结构。
    • AnimationClips: 对应 Spine 中的全部动画动作(如 Idle, Run, Attack)。
    • Sprite Library / Atlas: 自动构建的原生图集切片与换装库。
  3. 将预制体拖入场景,为 GameObject 挂载一个带有上述 Clips 的 Animator Controller,点击 Play 即可看到动画流畅播放!