• 创建Animation组件和动画剪辑
    • 创建 Animation 组件
    • 创建与挂载动画剪辑
    • 剪辑内的数据
      • 节点数据

    创建Animation组件和动画剪辑

    创建 Animation 组件

    在每个节点上,我们都可以添加不同的组件。如果我们想在这个节点上创建动画,也必须为它新建一个 Animation 组件。创建的方法有两种:

    • 选中相应的节点,在属性检查器中点击右上方的+,或者下方的添加组件,在其他组件中选择 Animation。
    • 打开动画编辑器,然后在层级管理器中选中需要添加动画的节点,在动画编辑器中点击添加 Animation 组件按钮。
      add-component

    创建与挂载动画剪辑

    现在我们的节点上已经有了 Animation 组件了,但是还没有相应的动画剪辑数据,动画剪辑也有两种创建方式:

    • 在资源管理器中点击左上方的+,或者右键空白区域,选择 Animation Clip,这时候会在管理器中创建一个名为 'New AnimationClip' 的剪辑文件。单单创建还是不够的,我们再次在层级管理器中点选刚刚的节点,在属性检查器中找到 Animation,这时候的 Clips 显示的是 0,我们将它改成 1。然后将刚刚在资源管理器中创建的 'New AnimationClip' ,拖入刚刚出现的 animation-clip选择框 内。
    • 如果 Animation 组件中还没有添加动画剪辑文件,则可以在动画编辑器中直接点击 新建 AnimationClip 按钮,根据弹出的窗口创建一个新的动画剪辑文件。需要注意的是,如果选择覆盖已有的剪辑文件,被覆盖的文件内容会被清空。
      add-clip

    至此我们已经完成了动画制作之前的准备工作,下一步就是要创建动画曲线了。

    剪辑内的数据

    一个动画剪辑内可能包含了多个节点,每个节点上挂在多个动画属性,每个属性内的数据才是实际的关键帧。

    节点数据

    动画剪辑通过节点的名字定义数据的位置,本身忽略了根节点,其余的子节点通过与根节点的相对路径索引找到对应的数据。有时候我们会在制作完成动画后,将节点重命名,这样会造成动画数据所以出现问题,如下图:

    miss-node

    这时候我们要手动指定数据对应的节点,可以将鼠标移入节点,点击节点右侧出现的更多按钮,并选择 “移动数据”。要注意的是,根节点名字是被忽略的,所以根节点名字是固定的,并不能修改,并且一直显示在页面左侧。如上图,New Node/test 节点没有数据,我想将 /New Node/efx_flare 上的数据移到这里:

    • 鼠标移到丢失的节点 - /New Node/efx_flare 上
    • 点击右侧出现的按钮
    • 选择移动数据
    • 将路径改为 /New Node/test,并回车

    原文: http://docs.cocos.com/creator/1.10/manual/zh/animation/animation-clip.html