Cocos2d html5 逐帧动画


[html]  view plain copy
  1. cc.SpriteFrameCache.getInstance().addSpriteFrames(s_test_plist);  
  2.             var spriteTest2 = cc.Sprite.createWithSpriteFrameName("image 69.png");  
  3.             spriteTest2.setPosition(cc.p(100,100));  
  4.             this.addChild(spriteTest2,0,4);  


[html]  view plain copy
  1. //动画帧  
  2.             var spriteFrameCache = cc.SpriteFrameCache.getInstance();  
  3.             var frameCache = spriteFrameCache.addSpriteFrames(s_plist, s_plist_png); //第一个参数plist文件,第二个参数plist对应的png图片  
  4.             var animFrames = []; //      将所有帧存入一个数组  
  5.             for (var i=46;i<=73;i++) {  
  6.                 //采用循环添加动画的每一帧  
  7.                 var str = "image " + i + ".png";  
  8.                 var frame =spriteFrameCache.getSpriteFrame("image " + i + ".png");  
  9.                 if (frame) {  
  10.                     cc.log(str);  
  11.                     animFrames.push(frame);  
  12.                 }  
  13.             }  
  14.             //        创建动画,设置播放间隔  
  15.             var animation = cc.Animation.create(animFrames, 0.1);  
  16.             // animation.setDelayPerUnit(0.1);  
  17.             //设置动画播放完成是否保持在第一帧,true为保持在第一帧,false为保持在最后一帧  
  18.             //animation.setRestoreOriginalFrame(false);  
  19.             // 单独显示一个动画  
  20.             var sprite4 = cc.Sprite.createWithSpriteFrame(spriteFrameCache.getSpriteFrame("image 47.png"));//plist里面对于的图片名称  
  21.             sprite4.setPosition(cc.p(100,100));  
  22.             this.addChild(sprite4);  
  23.   
  24.             sprite4.runAction(cc.RepeatForever.create(cc.Animate.create(animation)));  


源引:http://www.cnblogs.com/linn/p/3405875.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值