cocos2d-js动画的播放的2种方式

动画的播放分为2种，一种是plist播放，一种是逐帧播放。

plist：

//获得plist文件

var cache = cc.SpriteFrameCache.getInstance();
cache.addSpriteFrames(plist_***,img_***);
//创建一个执行这个动画的精灵

var sprite = cc.Sprite.createWithSpriteFrameName(

cache.getSpriteFrame("***_1.png"));
//设置精灵的位置

sprite.setPosition(cc.p(376/2,768-340-428/2));
//添加精灵

this.addChild(bigBear,2);
var str = "";
var animFrame = [];

//采用循环获得plist里面的内容并存入数组
for(var a = 1; a < 22; a++){
str = "ZDHZX1_daxiong_"+ a +".png";
animFrame.push(cache1.getSpriteFrame(str));
}

//创建动画，设置播放间隔
var animation = cc.Animation.create(animFrame,delaytime);
sprite.runAction(cc.RepeatForever.create(cc.Animate.create(animation)));

逐帧播放：

//创建动画，设置播放间隔

var animation = cc.Animation.create();
animation.setDelayPerUnit(delaytime);
//设置动画播放完成是否保持在第一帧，true为保持在第一帧，false为保持在最后一帧

animation.setRestoreOriginalFrame(boolean);

//采用循环添加动画的每一帧

for(var a = 0; a < 19; a++){
animation.addSpriteFrameWithFileName(img_****[a]);
}

//创建执行动画的精灵

var sprite = cc.Sprite.create(img_***[0]);

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

this.addChild(sprite);
sprite.runAction(cc.Repeat.create(cc.Animate.create(animation));

对于以上的两种动画播放的方式，一般动画的单张图片的大小比较小比较多，适合做成plist播放动画，做成plist可以减小项目的资源大小；另外有的动画的单张图片的大小比较大，是否做成plist影响不大的情况下，就按照逐帧播放的方式。对于项目尽量少用大的占用资源的动画，将大的动画细分化可以减小项目资源的大小，便于项目的打包和发布。