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

本文介绍了如何使用JavaScript控制动画播放,包括通过获取节点和调用`play`接口来播放动画。同时,详细阐述了帧事件的设置过程,如在动画编辑器中设定帧位置,添加帧事件,定义并关联回调函数animationEvent,确保回调函数所在脚本与动画组件在同一节点上。
摘要由CSDN通过智能技术生成

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(当播放动画到帧事件这一帧时,会调用该帧事件的回调函数&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值