Cocos 动画系统：Tween 与 Animation

Cocos 做动画两条路：Tween 代码补间 与 Animation 动画剪辑。

一、Tween：几行代码动起来

cc.tween(node)
  .to(0.3, { scale: 1.2 })
  .to(0.3, { scale: 1.0 })
  .union()
  .repeatForever()
  .start();

弹跳按钮、闪烁红点、飘字，都适合 Tween。

二、Animation：时间轴

• 在编辑器里摆关键帧

• 导出 .anim

• 代码 anim.play('walk') 切状态

适合走路、攻击、死亡等状态机动画。

三、状态机思路

idle --移动--> walk --攻击--> attack --结束--> idle

和传奇客户端动作切换同一套逻辑。

四、缓动与手感

今日练习：用 Tween 做按钮点击缩放；再用 Animation 做 2 帧闪烁。