5.动画

现在，角色可以移动了，但在移动时形象一直不变，对于玩家来说比较生硬，本节中我们让角色在移动时能够播放动画。

Unity 2D 游戏中，角色动画一般采用帧动画的形式来实现。所谓帧动画就是在每一帧显示不同的图片来实现。在 Unity 中制作帧动画可以：

• 通过脚本逐帧替换图片
• 使用 Mecanim 创建动画并播放

5.1 Mecanim

使用 Mecanim 可以在游戏设计过程中分别制作各种动画，然后指定各动画间切换的时机。游戏运行时会根据 Mecanim 对象的状态进行判断，从而自动播放相应的动画。

使用 Mecanim 需要理解的内容：

• sprite
• Unity 中 sprite 是图片精灵的意思；图片精灵是用来绘制图集的控件，精灵可以在一张大图中去截取一部分（大图就是整体图像集合，而截取的小图就是一个精灵），然后给精灵命名，使用时通过精灵的名称就能直接绘制，并且精灵还可以用来制作动画。
• Animation Clip
• 相当于一个将零散的序列帧图片（sprite）整合到一起的文件。不同的动画都分别对应一个 Animation Clip，动画的序列帧信息以及播放速度、播放时长等信息都在 Animation Clip 中设置。
• Animator Controller
• Animator Controller 负责将 Animation Clip 整合到一起，可以指定在什么时候播放什么 Animation Clip。
• Animator 组件
• 游戏对象挂载 Animator 组件，并设置合适的 Animator Controller ，就可以播放 Animator Controller 定义的动画。

其关系如下图：

5.2 使用 Mecanim 创建动画的步骤

第一步：生成 Animation Clip 文件；

第二步：生成 Animator Controller 文件；

第三步：将 Animator Controller 文件设置到 Animator 组件中；

第四步：将 Animator 组件挂载到角色对象上。

使用 Mecanim 创建 Animation Clip 文件，上面的四个步骤会自动执行。

5.3 创建 Animation Clip 文件

首先，在层级窗口中选中角色，然后在菜单栏中选择 window -> Animation，打开 Animation 窗口。此时，可以看到 Animation 窗口中的 Create 按钮（如果看不到，放大 Animation 窗口即可），单击 Create 按钮，在弹出的对话框中输入文件名，然后单击 Save。我们在此处输入 Walk 作为文件名，表示角色行走的动画。

这时，上面的四个步骤都将自动完成，可以在工程窗口中看到 Animation Clip “Walk” 和 Animation Controller "cat" 都创建好了。（ Animation Controller 的名称与角色名称相同）。如下图所示：

5.4 创建行走动画

创建动画就是在 Animation Clip 的时间线上配置图片，设置什么时候播放什么图片。

下面，我们创建一个每隔0.06秒替换一张图片，单个循环的单元长度是0.24秒。

单击 Animation 窗口左侧的 Add Property 按钮，然后单击 Sprite Renderer -> Sprite 右侧的 + 号，如下图所示：

此时如下图所示：

在画面的0秒和1秒处被设置为角色图片，也就是说默认的循环长度是 1 秒。（如果看不到图片，单击左侧 “cat : Sprite” 左侧的三角形按钮）。

由于我们要制作的动画的循环长度是 0.24 秒，所以需要将 1 秒位置的图片删除掉，用鼠标单击 1 秒位置的图片，按 Delete 键即可删除。

Animation 窗口可以用鼠标滚轮来缩放，为了方便编辑，先将时间轴放大。按照上面的设计，我们应该在 0.06 秒处设置为 cat_walk1 文件，在 0.12 秒处设置为 cat_walk2 文件，在 0.18 秒处设置为 cat_walk3 文件，用鼠标在时间轴的 0.06 秒处单击，将 cat_walk1 文件拖拽到时间轴上，当鼠标指针出现 + 号时放开，其他相同。如下图所示：

最后，确定动画的整体长度，在 0.24 秒处单击鼠标，单击 Animation 窗口左上角的 Add Keyframe 按钮即可确定动画的整体长度。如下图所示：

行走动画就做好了，可以在 Animation 窗口中单击播放按钮来查看动画，也可以播放游戏来看动画效果。当在 Animation 窗口中单击播放按钮后，可以在场景视图中看到动画的效果，如果在 Animation 窗口中不能播放，则先单击一下 Animation Record Button（左侧的红色按钮）再单击播放按钮。

5.5 调整动画的速度

此时，启动游戏，我们发现动画一直在播放。这样不符合实际，所以，我们可以让动画的播放速度随角色的移动速度而改变。

动画的播放速度可以通过脚本来调整。所以，继续对角色控制器进行修改，代码如下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerController : MonoBehaviour
{
    Rigidbody2D rigid2d;
    float jumpForce = 780.0f;
    float moveForce = 270.0f;
    float maxSpeed = 2.0f;
    Animator animator;

    // Start is called before the first frame update
    void Start()
    {
        rigid2d = GetComponent<Rigidbody2D>();
        animator = GetComponent<Animator>();
    }

    // Update is called once per frame
    void Update()
    {
        // 跳跃
        if (Input.GetKeyDown(KeyCode.Space)) 
            rigid2d.AddForce(transform.up * jumpForce);

        // 左右移动
        int key = 0;
        if (Input.GetKeyDown(KeyCode.LeftArrow)) key = -1;
        if (Input.GetKeyDown(KeyCode.RightArrow)) key = 1;
        if (key != 0) Debug.Log(key);

        // 获取角色的移动速度
        float currentSpeed = Mathf.Abs(rigid2d.velocity.x);

        if (key != 0 && currentSpeed < maxSpeed) {
            Debug.Log(currentSpeed);
            rigid2d.AddForce(transform.right * key * moveForce);
        }

        // 角色朝向
        if (key != 0) transform.localScale = new Vector3(key, 1, 1);

        // 动画部分速度
        animator.speed = currentSpeed / 2.0f;
    }
}