这个学习笔记是根据B站的视频学习后的个人总结。 视频跳转传送门

更完整的学习笔记在PDF展示模块,此文章用于有一定基础的情况下的快速复习(无图)


Spine动画资源导入指南

一、Spine动画需求分类

  1. 角色动作动画
  2. 动态立绘展示

二、基础导入方法

方法一:手动图片导入

问题:定位不准

当使用PS快速导出PNG时,导入Spine后所有部件会堆叠在原点,需要手动调整位置且难以精确还原。

解决方案:精准导出流程

  1. PS操作规范

    • 禁用"快速导出"功能
    • 逐图层手动导出PNG
    • 使用英文命名(推荐L/R区分左右部件)
    • 保留原始画布尺寸
  2. Spine导入优化

图层顺序调整

  • 通过"绘制顺序"面板调整:
    • 展开面板可见与root层级对应的插槽列表
    • 拖拽插槽即可改变渲染层级

三、插槽(Slot)系统详解

插槽相当于一个容器,主要是容纳图片。 图片在Spine中使用,必须放在插槽里。 一张图可以放在多个插槽项下,重复利用资源。一个插槽也能容纳多张图片,做到快捷切换。

插槽的主要作用是实现灵活的绘制顺序。

特性说明
容器功能必须通过插槽承载图片资源
复用性单图可跨多插槽,单插槽可切换多图
核心作用控制渲染顺序和动态切换

经过上述操作,我们可以得到方法一最大的缺点:麻烦、效率太低。 如果是几十张png图呢?一张一张的存成png图,再一个个核对图层顺序?效率太低了。 所以我们就要用到第二种方法。

四、高效导入方案

方法二:脚本自动化流程

优势对比

方法效率精度适用场景
手动导出简单角色/调试
脚本处理商业项目/复杂角色

五、进阶技巧

  1. ​插槽切换动画​​:

    • 同一插槽下的多图资源可通过关键帧切换
    • 典型应用:表情变化/装备切换
  2. ​脚本优化建议​​:

    • 添加自动命名检查
    • 集成锚点(Anchor)计算
    • 输出导入报告