简介: 上文对 Unity 的动画基本相关的基本结构做了简单介绍,本文就创建一个小球的动画,来进一步实例化相关功能的串联
版本:Unity2019.4.12f1 HDRP 7.5.1
准备
- 在场景中创建一个球体
- 给球体添加一个 Animator 组件
- 创建一个 AnimatorController 文件并将其指认到小球的 Animator 组件的 controller 属性上
- 创建一个Animation 文件,让后将其添加到 Animator 内

开始制作动画
- 按 Ctrl + 6 打开动画帧面板
- 激活动画帧记录按钮,激活 preview
- 将时间线移动到 1 秒的位置,然后将小球向上方拖动

- 将时间线移动到 2 秒的位置,然后将小球拉回原位,如果拉不准,可以框选第一帧,Ctrl+C ,然后将时间线移动到 2 秒的位置,Ctrl+V 即可

- 点击播放按钮,观察小球的运动

- 创建一个新的 animation 命名为 leftRight ,并拖入到 Animator 面板

- 在 Animation 面板,切换到新创建的 leftRight 动画,我们来key一个小球左右移动的动画

- 激活preview ,录制按钮,在 1 秒的位置,将小球位置向右移动。

- 在 2 秒的位置,将小球移动回原位,注意,关键帧是可以复制粘贴的

- 播放小球动画,在 Animation 点击播放按钮,我们只能观看当前编辑的 animation 的动画

- 链接上下动画和左右动画,这里做双向链接

- 点击播放按钮,切换到 Scene 窗口 ,然后观察小球动画,切换到 Scene 窗口是因为便于观察,正常game视窗的相机位置放置合适也可以观察。


网友评论