这个学习笔记是根据B站的视频学习后的个人总结。 视频跳转传送门
更完整的学习笔记在PDF展示模块,此文章用于有一定基础的情况下的快速复习(无图)
Spine动画资源导入指南
一、Spine动画需求分类
- 角色动作动画
- 动态立绘展示
二、基础导入方法
方法一:手动图片导入
问题:定位不准
当使用PS快速导出PNG时,导入Spine后所有部件会堆叠在原点,需要手动调整位置且难以精确还原。
解决方案:精准导出流程
PS操作规范:
- 禁用"快速导出"功能
- 逐图层手动导出PNG
- 使用英文命名(推荐L/R区分左右部件)
- 保留原始画布尺寸
Spine导入优化:
图层顺序调整
- 通过"绘制顺序"面板调整:
- 展开面板可见与root层级对应的插槽列表
- 拖拽插槽即可改变渲染层级
三、插槽(Slot)系统详解
插槽相当于一个容器,主要是容纳图片。 图片在Spine中使用,必须放在插槽里。 一张图可以放在多个插槽项下,重复利用资源。一个插槽也能容纳多张图片,做到快捷切换。
插槽的主要作用是实现灵活的绘制顺序。
| 特性 | 说明 |
|---|---|
| 容器功能 | 必须通过插槽承载图片资源 |
| 复用性 | 单图可跨多插槽,单插槽可切换多图 |
| 核心作用 | 控制渲染顺序和动态切换 |
经过上述操作,我们可以得到方法一最大的缺点:麻烦、效率太低。 如果是几十张png图呢?一张一张的存成png图,再一个个核对图层顺序?效率太低了。 所以我们就要用到第二种方法。
四、高效导入方案
方法二:脚本自动化流程
优势对比
| 方法 | 效率 | 精度 | 适用场景 |
|---|---|---|---|
| 手动导出 | 低 | 高 | 简单角色/调试 |
| 脚本处理 | 高 | 高 | 商业项目/复杂角色 |
五、进阶技巧
插槽切换动画:
- 同一插槽下的多图资源可通过关键帧切换
- 典型应用:表情变化/装备切换
脚本优化建议:
- 添加自动命名检查
- 集成锚点(Anchor)计算
- 输出导入报告