Cocos2d html5 逐帧动画

[html] view plaincopy

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 plaincopy

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