js -- 动画

来源:互联网 发布:linux make 编辑:程序博客网 时间:2024/05/18 11:15


1.简单动作

MoveTo、Blink、TintTo、FadeIn、Show、ScaleTo

Sequence、Spawn、DelayTime、CallFunc

reverse()


2.plist文件动画

原理: 

1.plist文件对应的那张图片放到内存,(图片是组合起来的,plist里的每一个文件名,对应组合图片里的小图片)

2.从内存里取出用到的小图片,放到数组里。

3.设定数组里图片的切换时间。

4.选择一个图片,制作图片精灵模板。(其他图片只是不停的切换形成动画,其他运动都跟谁这个精灵模板)

5.执行动画

6.用完了从内存中释放

cc.SpriteFrameCache.getInstance().addSpriteFrames(plist);plist放到内存


var array = [];

for(var i= 0; i< 6; i++){

    var frame = cc.SpriteFrameCache.getInstance().getSpriteFrame("xxx"+i+".png");

    array.push(frame);

}

var animation = cc.Animation.create(frame, 0.05);


var spriteFrame = cc.Sprite.createWithSpriteFrameName("xxx0.png");

spriteFrame.setPosition(cc.p(x, y));

this.addChild(spriteFrame);


spriteFrame.runAction(cc.RepeatForever.create(cc.Animate.create(array)));


spriteFrame.removeSpriteFrameByName("xxx0.png");

spriteFrame.removeSpriteFramesFromFile(plist_damage);  最后移除plist
























原创粉丝点击