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

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


Spine动画资源导入指南 ​

一、Spine动画需求分类 ​

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

二、基础导入方法 ​

方法一:手动图片导入 ​

问题:定位不准 ​

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

解决方案:精准导出流程 ​

  1. PS操作规范:

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

图层顺序调整 ​

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

三、插槽(Slot)系统详解 ​

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

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

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

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

四、高效导入方案 ​

方法二:脚本自动化流程 ​

优势对比 ​

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

五、进阶技巧 ​

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

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

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