CocosCreator官方示例 - 03_animation - AnimateCustomProperty

本例中学习创建CocosCreator动画系统

首先，动画是依附于节点的。我们创建一个进度条，一个label，一个粒子特效，将这些控件放到Root父节点里，在Root节点上挂载我们需要的动画组件 - Animation，关于 Animation 组件的详细介绍可以在官方文档里查看（https://docs.cocos.com/creator/manual/zh/animation/）

本例是通过自定义动画属性，在动画播放过程中修改节点或者组件的属性值，达到预期的效果，所以又定义了一个叫  AnimateCustomPropertyCtrl 的组件，定义三个属性值，hp，emissionRote，num，并将对应的节点拖到对应的变量中去。

效果如下：进度条随着时间增长，label的数字从0到100，粒子特效每秒发射的粒子数量从0到20。

下面为动画创建步骤：

1.选中Root节点，新建动画，属性列表添加 AnimateCustomPropertyCtrl 里的三个属性

2.在00-00处添加第一组关键帧

3.在06-00处添加第二组关键帧，添加之后更改该帧对应的属性值，表示从上一个关键帧到这一帧，属性从某个值变化到这一帧对应的属性值

4.点击播放动画按钮可以预览属性值的变化，点击动画编辑器左上角的保存保存对该动画的修改，点击游戏运行查看动画效果。