cocos creator blink闪烁动画怎么没有效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cocos creator blink闪烁动画怎么没有效果相关的知识,希望对你有一定的参考价值。

参考技术A 你的 sprite 是啥? 注意,只有 Node 才可以执行 action,sprite component 是不可以执行 action 的。 另外,我检查了一下,Blink 这个版本有 bug,还不支持,已经记录,下个版本就会修复。

Cocos Creator js动画精灵

我使用精灵表和更新函数为精灵设置了动画,如下所示:

注意:我已将plist拖动到Ccos Creator UI中sprite节点(与monster.js脚本相连的节点)的atlas字段中。

//monster.js
onLoad: function(){
// change monsters face
            this.faces['1'] =  'monster1';
            this.faces['2'] =  'monster2';
            this.faces['3'] =  'Rmonster1';
            this.faces['4'] =  'Rmonster2';

}
    update: function (dt) {


    this.timekeep += dt;

    if(this.timekeep > 0.1){

var self = this;
          cc.loader.loadRes('monsters', cc.SpriteAtlas, function (err, atlas) {
  self.getComponent(cc.Sprite).spriteFrame = atlas.getSpriteFrame(self.faces[self.monstersN]);
});     

                this.timekeep = 0;

                this.monstersN++;
                if(this.monstersN > 4){

                    this.monstersN = 1;

                }
            }

它实际上工作正常。我已经认为我应该将cc.loader.loaderRes导出到onLoad函数中,并将atlas保存为全局var,而不是每次调用更新时都加载。

但是......看到内置的动画功能,这可能不是正确的解决方案。所以我尝试了这个:

onLoad: function () {
            // change monster face
            this.faces['1'] =  'monster1';
            this.faces['2'] =  'monster2';
            this.faces['3'] =  'Rmonster1';
            this.faces['4'] =  'Rmonster2';
            var self = this;
                  cc.loader.loadRes('monsters', cc.SpriteAtlas, function (err, atlas) {
var sprite = self.getComponent(cc.Sprite);

        var animFrames = [];
 for (var i = 1; i < 4; i++) {   
     var spriteFrame = atlas.getSpriteFrame(self.faces[i]);
        var animFrame = new cc.AnimationFrame();
            animFrame.initWithSpriteFrame(spriteFrame, 1, null);
        animFrames.push(animFrame);
 }      
 var animation = sprite.Animation.create(animFrames, 0.2, 100);
    var animate   = sprite.Animate.create(animation); 

    sprite.runAction(animate); 
              });    


        },

我收到此错误:

cc.AnimationFrame不是构造函数

那么我试过这个:

onLoad: function () {

            // change monster face
            this.faces['1'] =  'monster1';
            this.faces['2'] =  'monster2';
            this.faces['3'] =  'Rmonster1';
            this.faces['4'] =  'Rmonster2';
            var self = this;
                  cc.loader.loadRes('monsters', cc.SpriteAtlas, function (err, atlas) {
self.atlasA = atlas;
              });    

 var sprite = this.getComponent(cc.Sprite);

        var animFrames = [];
 for (var i = 1; i < 4; i++) {   
     var spriteFrame = this.atlasA.getSpriteFrame(this.faces[i]);
    var animFrame = new cc.AnimationFrame();
        animFrame.initWithSpriteFrame(spriteFrame, 1, null);
    animFrames.push(animFrame);
 }      
 var animation = sprite.Animation.create(animFrames, 0.2, 100);
var animate   = sprite.Animate.create(animation); 

sprite.runAction(animate); 

        },

我收到此错误:

无法读取未定义的属性'getSpriteFrame'

如何使用cc.animate使用我的spritesheet更改精灵。我想要实现的是按照图片在plist中的顺序移动plist,重复直到怪物被放回到它来自的池中。

答案

这是任何可能仍在寻找的人的解决方案.....

cc.AnimationClip.createWithSpriteFrames([sf1, sf2, ...], fps)

以上是关于cocos creator blink闪烁动画怎么没有效果的主要内容,如果未能解决你的问题,请参考以下文章

cocos creator动画编辑器学习

cocos creator (1) ——帧动画

用 CSS3 动画模仿闪烁标签

用 CSS3 动画模仿闪烁标签

cocos creator typescript键盘控制动画播放,要按下一个不相关的按键才能循环播放

Cocos Creator 动画控制