Creator实战项目JS【FlappyBird】-- 代码控制动画的播放、帧事件

1、代码控制动画的播放：获取当前节点下面的动画组件调用播放动画接口(动画名字)

1. 在脚本中获取节点 this.node
   当前脚本挂到哪个节点，脚本里面的this.node就是那个节点
2. 通过节点获取组件 调用getComponent(组件类型或者组件名)
   动画组件的类型 cc.Animation
3. 播放动画 组件.play(‘动画名’);

let animCtrl = this.node.getComponent(cc.Animation);  //拿到Canvas下面的Animation组件。
animCtrl.play('LogoFadeOut');

2、帧事件

1. 编辑动画（点击canvas->动画编辑器）；
2. 把红线移动到要处理事件的那一帧；
3. 添加帧事件（动画编辑器->点击插入帧事件,出现小白点）；
4. 定义一个帧事件回调函数animationEvent（当播放动画到帧事件这一帧时，会调用该帧事件的回调函数）；

animationEvent(){
    cc.director.loadScene('Menu');
}

6. 双击打开小白点，把定义的帧事件回调函数名字animationEvent写入到小白点里的Function中；
7. 保存。

注意：帧事件的回调函数所在的脚本 必须跟 动画所在的动画组件 挂到同一个节点上。