前端之家收集整理的这篇文章主要介绍了
cocos2d-js创建帧动画,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
//方式一,通过多张图片来创建
this.dragon = new cc.Sprite("res/player_animation/action1.png");
this.dragon.setPosition(cc.p(cc.winSize.width*0.3,cc.winSize.height/2));
this.addChild(this.dragon);
//创建帧动画序列,名词形式
var animation = new cc.Animation();
for (var i = 1; i <= 4; i++)
{
animation.addSpriteFrameWithFile("res/player_animation/action"+ i +".png");
}
//设置帧动画属性
animation.setDelayPerUnit(2.0 / 4); //每一帧停留的时间
animation.setRestoreOriginalFrame(true); //播放完后回到第一帧
var animate = new cc.Animate(animation);
this.dragon.runAction(new cc.RepeatForever(animate));