CocosCreator通过点击事件执行帧动画

关键代码:

  @property(cc.Animation)
  c: cc.Animation = null;
  // anim: cc.Animation = null;
  isClick = true; //控制点击事件是否有效
  onLoad() {
    //添加点击事件
    this.node.on(
      "mousedown",
      function(a: any) {
        cc.log("动画播放start");
        if (this.isClick) {
          //动画结束之前点击事件无效
          this.isClick = false;
          //开启动画
          this.c.play();
          //动画结束
          this.c.once(
            "finished",
            function(b: any) {
              //点击事件恢复有效
              this.isClick = true;
            },
            this//this不加的话点击事件不可以调用this中的函数
          );
        } else {
          cc.log("动画播放还没有finished");
        }
      },
      this
    );
  }

效果图:
CocosCreator通过点击事件执行帧动画_第1张图片

你可能感兴趣的:(CocosCreator)