用小动画表达单位状态
从一个轻微脉动开始,学会关键帧与视觉节制
先选择要传达的信息
维修车的轻微空闲脉动用于让支援单位容易识别,不承担实际维修逻辑,视觉表现与技能效果分别检查,避免动画动了就误以为数值也生效
两个关键帧就能开始
body_0s 是起点,body_1s 是一秒后的目标值,scale 从 1 到 1.05,pingPong 让动画往返播放,较小的缩放有助于保持单位轮廓稳定
[animation_beacon]
onActions: idle
pingPong: true
body_0s: {scale:1}
body_1s: {scale:1.05}为动画保留图片空间
如果以后改为帧动画,先把每一帧画在相同尺寸的格子里,保持单位中心一致,当前示例只有单帧 PNG,不需要为了脉动额外拼接帧表
在真实大小下检查干扰
观察一辆和十辆维修车同时出现的场面,过大的缩放和过快的频率容易抢走注意力,调整动画时同时查看选中圈、队伍识别与周围单位的可读性
动手练习
比较 1.03 与 1.10 的缩放,选出小队场景下更清楚的一组