首页/ 第 9 章 · 动画系统/ 第 128 课
LESSON 128 · 动画系统

动画曲线 Animation Curve

动画曲线已掌握。下一课学动画剪辑的属性。

⏱ 约 13 分钟📊 难度:入门🗂 第 9 章 · 动画系统📍 第 128 / 300 课
课程进度
128 / 300

🎯本节学习目标

  • 理解动画曲线的意义
  • 掌握曲线编辑
  • 做出缓动效果

🚀课程导读

关键帧之间怎么过渡?直线过渡生硬,曲线过渡自然。本课用曲线控制运动节奏。

曲线视图

每条属性一条曲线。

  1. 打开 Animation 窗口,选中做好的动画片段,在下方属性列表里能看到每条属性(如 Position.y、Rotation.z)。
  2. 每条属性右侧是一个【曲线图标】,点击后窗口切换到“曲线视图”。
  3. 曲线视图横轴=时间、纵轴=属性值。
  4. 【直线】两个关键帧之间是直线=匀速过渡。
  5. 【曲线】关键帧端点有“手柄”,拖动改变曲线弧度,实现“先快后慢/先慢后快”。
  6. 【右击关键帧】出现菜单:Auto(自动平滑)、Free Smooth、Flat(平坦)、Linear(线性)、Constant(恒定)。
  7. 【Flat 平坦】过渡平滑减速(常用默认)。
  8. 【Linear】直线匀速。
  9. 【Constant】到点瞬间跳变(不过渡)。
💡
大部分自然动作用 Auto/Flat(缓入缓出);机械动作用 Linear。

做出缓动效果

让跳跃更自然。

  1. 选中之前做的 JumpAnim 片段,进入曲线视图。
  2. 选中 Position.y 曲线的两个关键帧,把 Tangent 设为 Flat(或用曲线编辑手柄拉出弧形)。
  3. 播放预览:方块起跳“先快后慢”、落地“先快后慢”,比生硬直线自然多了。
  4. 【缓入】关键帧左侧手柄拖成水平 = 起步慢。
  5. 【缓出】右侧手柄拖成水平 = 到点减速。
  6. 【整体调节】双击曲线可全选编辑;用缩放工具整体缩放曲线。
  7. 【复制曲线】右键 → Copy Curve 可复制到其他片段。
  8. 【注意】曲线只影响“过渡的形状”,不改变关键帧的数值。
曲线手感三件套:Flat 平滑、Linear 机械、Constant 跳变,按需选用。

常见错误与排查

错误:曲线视图找不到?
原因:没点属性右侧的曲线图标
解决:在 Animation 窗口选中属性行,点右侧曲线按钮进入曲线模式。

动手练习

课后小任务(做出来才算真的学会)

  • 把跳跃动画的曲线调成平滑缓动
  • 对比 Linear 与 Flat 的视觉差异
  • 做一个 Constant 跳变的变色动画

本节小结

动画曲线已掌握。下一课学动画剪辑的属性。

完成打卡后,主站会实时更新你的学习进度 🎯

← 上一课创建第一个关键帧动画