钻石

钻石项目展示了如何使用 Spine 专业版创建高级的伪 3D 效果. 该项目说明了如何使用滑块控制钻石的旋转.

设置

本项目基于 这篇博客文章 中展示的步骤构建, 最终得到以下动画:

相较于博客版本, 移除了全部绘制顺序关键帧(keys). 同时将钻石侧面的所有图像附件的 alpha 值设为 176, 使其呈现半透明效果.

高光效果

本项目中有两种高光效果: 一种是普通辉光(glow)，分为两个槽位: upper-side-gradient 和 upper-side-gradient2; 另一种是钻石各侧面的高光(shine) 序列.

这些动画大多数都放在 rotation 动画中, 下文中会详细说明.

普通辉光只是在动画模式下切换颜色(tint)的同时使用 淡入淡出 功能.

出现在各个侧面的高光效果与钻石侧面图像的尺寸完全一致. 因此你可以复制各个侧面的网格, 并将图像路径替换为第一套网格的高光图片.

该序列从帧 0 到 6，其其中第一张和最后一张图像均为空白，因此无需在动画中持续添加或移除 槽位附件关键帧.

然后在动画模式中使用 Once reverse 设置为这些序列添加关键帧, 使其从最后一帧播放到第一帧，以匹配钻石的旋转. 考虑到普通辉光、顶部高光、上侧面高光和下侧面高光中同时可能有5-6个高光效果同时生效, 因此只激活面向镜头(正面)的高光效果，以便控制动画元素的数量.

包含高光效果的槽位的 blending 模式设置为 additive. 随后在动画模式下对颜色进行动画化来创建彩虹色闪烁效果. 首先所有选中所有高光, 将槽位颜色动画化为彩虹色. 再对这些关键帧进行 偏移 为各侧面创建变体效果, 因为多个高光效果可能同时可见.

滑块

滑块 的 rotation 包含钻石的旋转动画. 首先, 创建 rotation 动画并添加关键帧以控制钻石旋转. 该动画的关键帧从 0 到 60，因此在此区间内钻石完成一周旋转，正如 博客中所述. 唯一的区别是，从 Spine 4 及以上版本开始，只需在本地坐标系中设置两个关键帧(分别为 0 和 +360)即可实现完整旋转.

然后在设置模式下选中该动画, 并创建新的滑块.

创建骨骼 diamond-rotation-control 是为了通过其旋转来控制滑块. 通过滑块属性的骨骼字段将其分配给滑块后，rotate(范围从 0 到 360)将控制滑块动画的播放进度, 映射自帧 0 到 60(即整个动画长度. local 设置确保即使钻石在某些动画中旋转, 控制仍能按预期工作. loop 允许骨骼旋转超过 360° 或变为负值, 这代表从头开始重播动画.

动画

骨骼 diamond-rotation-control 用于控制钻石旋转, 而无需手动重建或调整各种相关效果的时点. 因此用很少的 keys 就能创建许多变体.

项目中的其他动画也都是这样, 除了 idle-still. 它的滑块 mix 设置为 0, 以便自由控制之前在动画中添加了关键帧的各种元素. 用这种方法就可以创建一种更静态却仍然闪闪发亮的钻石变体.