Spine入门 —— 皮肤

查看：679 |回复：4 | *2024-4-20 08:07:30* 234313 · 2024-4-20 08:07:30

您需要登录才可以下载或查看，没有账号？注册

x

总述（Overview）

Skin 的关键在于皮肤占位符（Skin Placeholder）。Skin Placeholder 和其它 attachment 一样，位于层级树目录中的资源槽（slot）节点下。总之，它只是一个占位符或者说是一个代理，仅仅只是为当前 Skin 中真正使用的 attachment 占位而已。Skin 节点是一个记录 attachments 的集合，供 Skin placeholder 调用。当不同的 Skin 激活时，Skin Placeholder 将为整个骨架切换相应的 attachments。

装配（Setup）

创建皮肤（Creating a skin）
要创建 Skin 请在层级树目录中选择 Skins 节点，点击新建皮肤 New Skin 按钮。

创建皮肤占位符（Creating skin placeholders）
要创建 Skin Placeholder 请在层级树目录中选择一个骨骼（bone）或 slot 节点，点击 New... Skin Placeholder。

Skin Placeholder 为每个 Skin 中相应的 attachments 占位，所以应该按 attachments 取名，而不是按 Skin。例如：你有 "red" 和 "blue" 两个 Skin，那么头部的名字就应该是 “head”，而不应该是 "red head" 或 "blue head"。

要在 Skin Placeholder 中为相应的 Skin 填充 attachments ，首先要确保此 Skin 处于激活状态。层级目录中的小圆点是可见性开关，它指示当前哪个皮肤处于激活状态。这里当前激活的 Skin 是 "red"：

一旦某个 Skin 被激活，它对应的 attachments 就会被放到 Skin Placeholder 下。如果另一个皮肤被激活，此皮肤对应的 attachments 会被清除，另一个 Skin 对应的 attachments 会显示。

动画重用（Reusing animations）

Skin 是个非常好用的功能，事实上 Spine 自带的示例工程 "goblins" 演示的就是此功能。但是简单的组织 attachments 无法解决某些更复杂的问题。例如：在运行时代码可以知道哪些 attachment 显示在骨架上，能让哥布林变成为男性或女性。

例如：哥布林的骨架需要一个眨眼动画，通过在眼部切换显示图片 "闭眼-男" 和 "闭眼-女" 就能实现。可如果没有 Skin，两个哥布林就得分别做两个动画。但使用了 Skin，只要加一个叫 "闭眼" 的 Skin Placeholder 就能搞定。

创建皮肤 boy 和 girl

创建皮肤节点

为 boy 添加图片

为 girl 添加图片

切换皮肤

Slot 下的多套皮肤

因为一个 slot 下可以同时存在多个皮肤 2、3。也就明一点,对于 boy 和 girl 两个皮肤, 也是可以有多种方案的。

就目前来说,我没有发现 skins 能 K 帧。但还是有个曲线换肤的方案。就是上面说的到,我们可以在 slot 下用多个皮肤节点。首先要有一个皮肤比如 boy.
然后我在 0 帧显示 head 下的 boy,在第 5 帧显示 head 下的 girl。Slot 前面的小点是可以
K 帧的。这样就可以实现动画中控制换肤了。虽然有点山寨。

皮肤的切换记录的是路片的路径,下面这张图中,boy 的皮肤,我把头的名字叫 tou。
虽然这样也 OK,显示动画都没问题。但是对于项目管理来说,这简直糟糕透顶了。

最好还是像官方这样,用文件夹来分boy和girl,文件夹内相应的图片都用一样的名字。两个皮肤公用的素材,放在上一级。如图(官方的例子):